模仿锤子科技官网资源-CSDN文库

共30个文件

png：27个

html：1个

js：1个

html,js

1星需积分: 50 201 浏览量 2016-07-19 09:56:08 上传评论 3 收藏 2.67MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

J201602031-竹林花落-锤子手机官网.zip （30个子文件）

J201602031-竹林花落-锤子手机官网

4.png 175KB

index.html 20KB

3.png 247KB

images

home-company-banner.png 207KB

loop-dot.png 870B

smartisan-t-man.png 34KB

smartisan-logo.png 2KB

home-cover-banner.png 78KB

to-top.png 424B

home-jianguo-banner.png 176KB

home-special-01.png 51KB

home-prod-insurance.png 32KB

btn-icon.png 5KB

home-jianguo-all-banner.png 194KB

doodle-list.png 57KB

smartisan-t-woman.png 35KB

home-cover-t2-banner.png 182KB

need-help-button.png 1KB

smartisan-t-color.png 5KB

home-t2-banner.png 368KB

1x.jpg 72KB

home-headset-banner.png 102KB

home-fiil-banner.png 120KB

home-cover-jbl-banner.png 55KB

shopping-info.png 4KB

cart-empty-bg.png 2KB

jquery-1.11.2.min.js 94KB

1.png 221KB

2.png 98KB

0.png 200KB

<!doctype html> <html > <head> <meta charset="UTF-8"> <meta name="Keywords" content="锤子科技, 锤子手机, Smartisan, SmartisanOS, SmartisanROM"> <meta name="Description" content="锤子科技是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量."> <title>在线科技-锤子商城</title> <style type="text/css"> *{margin:0;padding:0;} body{font-size:14px;font-family:"微软雅黑";background:#E6E6E6;} a{text-decoration:none;} ul li{list-style:none} /*--S_head--*/ .head{width:100%;height:78px;background:#000;padding-top:22px} .head .box{width:1124px;height:50px;background:#000;margin:0 auto;position:relative;} .head .box .logo{width:40px;height:40px;position:absolute;top:0;left:0;} .head .box .title{width:600px;height:38px;position:absolute;top:0;left:425px;} .head .box .title ul li a{color:#ccc;text-align:center;display:inline-block;float:left;padding:18px;transition:all .3s ease;} .head .box .title ul li a:hover{color:#fff;transition:all .3s ease;} .head .box .login{width:103px;height:28px;color:#ccc;background:linear-gradient(#181818,#131313);text-align:center;float:right;margin-top:12px;border: 1px solid #2E2E2E;border-radius:4px;cursor:pointer;line-height:28px;cursor:pointer;} /*--E_head--*/ /*--S_secend--*/ .secend{width:100%;height:90px;position:relative;} .secend .box{width:1124px;margin:0 auto;background:#ff9966;} .secend .box ul li a{display:inline-block;float:left;padding-right:44px;padding-top:25px;color: #666;transition: all .3s ease;} .secend .box ul li a:hover{color: #84a3e3;transition: all .3s ease;} .secend .box .box2{width:102px;height:20px;float:right;margin-top:25px;} .secend .box .box2 a{width:71px;height:20px;background-image:url("images/btn-icon.png");background-position:-16px -465px;background-repeat:no-repeat;display:inline-block;text-indent:2em;color:#666;} .secend .box .box2 .zero{display:inline-block;width:22px;height:18px;text-align:center;line-height:18px;border-radius: 50%;float:right; border: 1px solid #838383;color: #fff;font-weight: 600;background: linear-gradient(#A4A4A4,#909090);} .secend .box .box2 .shopcar{width:312px;height:172px;position:absolute;background:#fff;top:63px;right:93px;border-radius: 6px;display:none;z-index:2;} .secend .box .box2 .shopcar div{width:100px;height:80px;margin:30px auto 0;} .secend .box .box2 .shopcar p{width:100%;text-align:center;padding-top:24px;} .secend .box .box2 .shopcar .icon{width:0px;height:0px;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;width: 0;height: 0; display:block;position:relative;top:-163px;right:-263px;} .secend .box .box2:hover .shopcar{display:block;} /*--E_secend--*/ /*--S_banner--*/ #smartisan1{width:1124px;height:486px;margin:0px auto;position:relative;top:-30px;} #smartisan1 .ulist1 li{position:absolute;top:0;right:0;display:none;} /*#smartisan1 .ulist1 li:nth-child(1){display:block;}默认选择第一张图片*/ #smartisan1 .ulist1 .select1{display:block;transition:all .6s ease;}/*默认选择第一张图片*/ #smartisan1 .ulist2{width:100px;height:20px;position:absolute;bottom:100px;left:0px;right:0px;margin:0 auto;} #smartisan1 .ulist2 li{background-image:url("images/loop-dot.png");background-repeat:no-repeat;width:40px;height:20px;float:left;cursor:pointer; } .select{background-position:0px -18px} /*--E_banner--*/ /*--S_content--*/ #content{width:1124px;height:3276px;margin:10px auto;position:relative;top:-30px;} #content .phone1{width:1124px;height:464px;margin-bottom:5px;} #content .phone2{width:1124px;height:464px;margin-bottom:5px;} #content .phone3{width:1124px;height:464px;margin-bottom:5px;} #content .phone4{width:1124px;height:464px;margin-bottom:5px;position:relative;} #content .phone4 a{display:inline-block;width:562px;height:464px;float:right;position:relative;z-index:1;} #content .phone4 img{width:1124px;height:464px;position:absolute;top:0px;z-index:0;} #content .phone5{width:1124px;height:464px;margin-bottom:5px;} #content .phone6{width:1124px;height:464px;margin-bottom:5px;} #content .phone7{width:1124px;height:464px;margin-bottom:5px;position:relative;} #content .phone7 a{display:inline-block;width:562px;height:464px;float:right;position:relative;z-index:1;} #content .phone7 img{width:1124px;height:464px;position:absolute;top:0px;z-index:0;} /*--E_content--*/ /*--S_content1--*/ #content1{width:1124px;margin:10px auto;position:relative;top:-30px;} #content1 .content1_01{width:1124px;height:642px;} #content1 .content1_01 .box1{width:749px;height:321px;background:#fff;position:relative;border-bottom:1px solid #ccc;border-radius:6px 0 0 0;} #content1 .content1_01 .box1 img{position:absolute;top:58px;right:17px;} #content1 .content1_01 .box1 .box1_font{width:300px;height:150px;position:absolute;left:64px;bottom:63px;text-align:center;} .h2{color: #4c4c4c;font-size: 24px;font-weight:400;line-height: 55px;} .h6{color: #b2b2b2;font-size: 14px;font-weight:400;line-height: 35px;} .p{color: #de4037;font-size: 24px;font-weight: 500;line-height: 32px;} .span{font-size:16px;} #content1 .content1_01 .box2{width:749px;height:321px;background:#fff;position:absolute;border-bottom:1px solid #ccc;} #content1 .content1_01 .box2 img{position:absolute;bottom:40px;right:20px;} #content1 .content1_01 .box2 .box2_font{width:300px;height:70px;margin-top:75px;margin-left:60px;text-align:center;} #content1 .content1_01 .box3{width:375px;height:642px;background:#fff;position:absolute;top:0px;right:0px;border-left:1px solid #ccc;border-radius:0 6px 0 0;} #content1 .content1_01 .box3 img{margin:158px auto ;position:absolute;left:0px;right:0px;} #content1 .content1_01 .box3 .box3_font{width:300px;height:150px;position:absolute;left:0px;right:0px;text-align:center;margin:38px auto;} #content1 .content1_02 {width:1124px;height:400px;background:#fff;position:relative;border-top:1px solid #ccc;border-radius:0 0 6px 6px;} #content1 .content1_02 div{width:374px;height:400px;float:left;position:relative;} #content1 .content1_02 .content1_02_box2{width:373.5px;} #content1 .content1_02 .content1_02_box1,#content1 .content1_02 .content1_02_box2{border-right:1px solid #ccc} #content1 .content1_02 .img2{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;} #content1 .content1_02 .img1{margin-top:30px;margin-left:45px;} #content1 .content1_02 .content1_02_box3 img{margin:98px auto;position:absolute;left:0px;right:0px;} #content1 .content1_02 .content1_02_box1 div{width:300px;height:50px;background:#fff;position:absolute;bottom:20px;left:0px;right:0px;margin:0 auto;} #content1 .content1_02 .content1_02_box2 div{width:300px;height:50px;background:#fff;position:absolute;bottom:20px;left:0px;right:0px;margin:0 auto;} #content1 .content1_02 .content1_02_box3 div{width:300px;height:50px;background:#fff;position:absolute;bottom:20px;left:0px;right:0px;margin:0 auto;} #content1 .content1_02 div h2{line-height:25px;} #content1 .content1_02 div h6{line-height:25px;} #content1 .content1_02 div p{line-height:25px;position:absolute;bottom:0px;right:0px;} #content1 .content1_01 .box1:hover{box-shadow:0 0 30px #ccc inset;transition:all 0.5s ease;} #content1 .content1_01 .box2:hover{box-shadow:0 0 30px #ccc inset;transition:all 0.5s ease;} #content1 .content1_01 .box3:hover{box-shadow:0 0 30px #ccc inset;transition:all 0.5s ease;} #content1 .content1_02 .content1_02_box1:hover{box-shadow:0 0 30px #ccc inset;transition:all 0.5s ease;} #content1 .content1_02 .content1_02_box2:hover{box-shadow:0 0 30px #ccc inset;transition:all 0.5s ease;} #conten

评论收藏

内容反馈