H354_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共33个文件

jpg：16个

html：9个

css：5个

网页源码

网站模板

前端页面

html

68 浏览量 2023-08-02 16:25:13 上传评论收藏 275KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H354_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （33个子文件）

H354

chanpliebiao.html 5KB

chanpzhengwenbaojia.html 6KB

chanpzhengwencs.html 6KB

chanpzhengwenpinc.html 4KB

chanpzhengwenjj.html 7KB

img

g_3665692_1382437395672.jpg 3KB

q_sn.jpg 9KB

g_3627956_1382086762792.jpg 10KB

iphone4s-q_sn7.jpg 9KB

g_3686370_1382583615600.jpg 4KB

sj_apple_iphone4_7_sn7.jpg 3KB

350X200_5.jpg 22KB

234_1.jpg 15KB

q_sn7 (1).jpg 14KB

AMDGaming_Logs.jpg 19KB

hero_front_sn7.jpg 12KB

q_sn7.jpg 14KB

1027-5.jpg 17KB

g_3666130_1382582978127.jpg 7KB

ASL_B85TW_Logs.jpg 33KB

css

zhengwen.css 26KB

product.css 21KB

zepto.js 56KB

foot.css 3KB

css.css 7KB

index.css.bak 7KB

1.js 4KB

foot.html 3KB

index.css 6KB

index.html 21KB

logo.jpg 32KB

chanpzhengwendianp.html 4KB

zhengwen.html 17KB

<html><style type="text/css" id="__360se6_success_css"></style><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection"> <meta id="twcClient" content="false" name="twcClient"> <title>仿太平洋电脑网手机wap硬件网站模板首页-3v3手机模板资源【3v3.cc】 </title> <meta name="keywords" content="太平洋电脑网,太平洋,IT门户,IT资讯,电脑,手机,数码 "> <meta name="description" content="太平洋电脑网是专业IT门户网站,为用户和经销商提供IT资讯和行情报价,涉及电脑,手机,数码产品,软件等. "> <meta name="author" content="ganjianwei_gz"> <link rel="apple-touch-icon-precomposed" href="http//www1.pconline.com.cn/wap/2013/cms/img/logo.png"> <link href="css/css.css" rel="stylesheet" type="text/css" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> <link href="css/foot.css" rel="stylesheet" type="text/css" /> </head> <body class="index" style=""> <div id="ivy_div" style="display: none;"></div> <div class="body">  <div class="wLink" id="JwLink"> 您的网络速度较慢，是否切换到：<a href="#">简版</a> <span class="wLinkClose">×</span> </div>  <div class="pcLink" id="JpcLink"> 您已经进入触屏版，点击可切换到：<a href="#">电脑版</a> <span class="pcLinkClose">×</span> </div>  <div class="collectTip" id="JcollectTip"> <span class="collectTipClose">×</span> <div class="collectTipLogo"></div> <div class="collectTipText">更加快捷进入太平洋电脑网触屏版，请点击<i></i>后选择“添加至主屏幕”。</div> </div> <div class="header"> <div class="header-left"><a href="#" class="header-logo" title="太平洋电脑网"></a></div> <div class="header-right"><a class="header-btn" href="#" id="JdownloadApp">客户端</a></div> </div> <div class="menu"> <a href="#">产品库</a> <a href="#" class="new">论坛</a> <a href="#">下载</a> <a class="nav">资讯</a> </div> <div class="menu-min JmenuMin" style="display:none;"> <ul class=""> <li><a href="#">手机</a></li> <li><a href="#">笔记本</a></li> <li><a href="#">DIY硬件</a></li> <li><a href="#">相机</a></li> <li><a href="#">数码</a></li> <li><a href="#">家电</a></li> <li><a href="#">软件</a></li> <li><a href="#">企业</a></li> <li><a href="#">百科</a></li> </ul> </div> <script type="text/javascript"> (function () { var JmenuMin = document.querySelector(".JmenuMin"), Jnav = document.querySelector(".nav"); Jnav.addEventListener("click",function () { if (JmenuMin.style.display == "none") { this.className = "nav nav-open"; JmenuMin.style.display = "block"; }else { this.className = "nav"; JmenuMin.style.display = "none"; } },false); })(); </script> <div class="search"> <form method="get" action="#" class="searchForm"> <div class="txt"> <span class="sortSelect"> <select name="sortSelect"> <option value="#" selected="selected">搜产品</option> <option value="#">搜软件</option> <option value="#">搜论坛</option> </select> </span> <input type="text" name="keyword" class="text" maxlength="18" id="keyword"> <input type="hidden" id="Jfid4search" name="fid4search" value=""> <input type="hidden" id="JsearchPosts" name="searchPosts" value=""> </div> <span class="btn"><input type="submit" class="sub"></span> </form> </div> <style> .tab-left{background:#fff;border:1px solid #d5d5d5;-webkit-border-radius: 5px;border-radius: 5px;margin:10px 8px;} .tab-left .th{text-align:center;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flexbox;border-top-left-radius:5px;border-top-right-radius:5px;background:#f7f7f8;overflow:hidden;} .tab-left .th a {display:block;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1;flex:1;height: 39px;line-height:39px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#777;font-weight:bold;font-size:16px;} .tab-left .th a:last-child{border-right:1px solid #f7f7f8;} .tab-left .th a.current {background:#fff;color:#333;border-bottom:1px solid #fff;} .tab-left .tb {padding:10px 0;} .tab-left .tb .content {display:none;overflow:hidden;} .tab-left .tb .content a{float:left;line-height:35px;height:35px;width:25%;color:#1f89e3;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;} </style> <div class="tab-left" id="tabLeft"> <div class="th"><a class="current">手机</a><a>笔记本</a><a>相机</a><a>硬件</a></div> <div class="tb"> <div class="content" style="display:block"> <a href="#">诺基亚1520</a> <a href="#">诺基亚1320</a> <a href="#">iPhone5s</a> <a href="#">iPhone5c</a> <a href="#">OPPO N1</a> <a href="#">小米3</a> <a href="#">Note3</a> <a href="#">索尼Z1</a> <a href="#">魅族MX3</a> <a href="#">红米手机</a> <a href="#">三星S4</a> <a href="#">更多...</a> </div> <div class="content"> <a href="#">iPad Air</a> <a href="#">二代Mini</a> <a href="#">Nexus 7</a> <a href="#">苹果PRO</a> <a href="#">苹果Air</a> <a href="#">Thinkpad</a> <a href="#">联想Y400</a> <a href="#">Yoga13</a> <a href="#">戴尔14R</a> <a href="#">Surface</a> <a href="#">索尼D11</a> <a href="#">更多...</a> </div> <div class="content"> <a href="#">佳能70D</a> <a href="#">佳能5D3</a> <a href="#">尼康D800</a> <a href="#">佳能700D</a> <a href="#">佳能60D</a> <a href="#">佳能6D</a> <a href="#">尼康D600</a> <a href="#">D7100</a> <a href="#">D3200</a> <a href="#">NEX 5R</a> <a href="#">RX 100</a> <a href="#">更多...</a> </div> <div class="content"> <a href="#">4代Intel</a> <a href="#">酷睿i5</a> <a href="#">AMD 740</a> <a href="#">AMD A8</a> <a href="#">NVIDIA</a> <a href="#">AMD显卡</a> <a href="#">台机内存</a> <a href="#">本本内存</a> <a href="#">机械硬盘</a> <a href="#">固态硬盘</a> <a href="#">PC主板</a> <a href="#">PC电源</a> </div> </div> </div> <div class="headline"><a href="#">科技早点:终于肯来了?谷歌31日发布Nexus 5及安卓4.4</a></div> <ul class="extA"> <li><a href="#">2G内存才欢乐市售主流高性价手机推荐</a></li> <li><a href="#">移动时代食品安全追溯体系意义何在?</a></li> <li><a href="#">变形触控成新宠市场热卖酷炫win8本推荐</a></li> <li><a href="#">说真的，传统企业的确会是互联网的未来</a></li> <li><a href="#">苹果的野心揭示为何Mavericks免费开放</a></li> <li><a href="#">[推广]电脑数码夏季清凉专场，全场直降！</a></li> <li><a href="#">[推广]0元大品牌手机海量话费开抢！</a></li> </ul>  <div class="slider-top"> <div class="slider-top-wrap" id="sliderTop" style="visibility: visible; "> <ul class="slider-top-pic" style="width: 1600px; "> <li style="width: 320px; left: 0px; -webkit-transition: 300ms; -webkit-transform: translate(-320px, 0px) translateZ(0px); " data-index="0"><a href="#" title="进军美国市场?何弃疗! 小米稳驻安卓阵营"><img src="img/350X200_5.jpg"></a></li> <li style="width: 320px; left: -320px; -webkit-transition: 300ms; -webkit-transform: translate(0px, 0px) translateZ(0px); " data-index="1"><a href="#" title="延续性价比传奇！翔升B85超值大板评测"><img src="img/ASL_B85TW_Logs.jpg"></a></li> <li style="width: 320px; left: -640px; -webkit-transition: 0ms; -webkit-transform: translate(320px, 0px) translateZ(0px); " data-index="2"><a href="#" title="背部触控旋转镜头 OPPO N1特色功能体验"><img src="img/234_1.jpg"></a></li> <li style="width: 320px; left: -960px; -webkit-transition: 0ms; -webkit-transform: translate(320px, 0px) translateZ(0px);

评论收藏

内容反馈