<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>lenove</title>
<link rel="stylesheet" href="css/header.css" />
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<div class="container">
<header>
<nav>
<ul id="leftNav">
<li><a href="">个人及家用解决方案</a></li>
<li><a href="">商用pc及解决方案</a></li>
<li><a href="">企业级产品及解决方案</a></li>
<li><a href="">服务与支持</a></li>
<li><a href="">EPP会员专享</a></li>
<li id="upDown"><a href="" >想约我么<i></i></a>
<ul id="contact">
<li><a href=""><i class="icon-sina"></i><span>联想官方微博</span></a></li>
<li><a href=""><i class="icon-yyq"></i><span>杨元庆微博</span></a></li>
<li><a href=""><i class="icon-weixin"></i><span>联想官方微信</span></a></li>
<li><a href=""><i class="icon-tieba"></i><span>百度贴吧联想吧</span></a></li>
<li><a href=""><i class="icon-xqbl"></i><span>联想兴趣部落</span></a></li>
<li><a href=""><i class="icon-qq"></i><span>联想qq空间</span></a></li>
<li><a href=""><i class="icon-shequ"></i><span>联想官方社区</span></a></li>
</ul>
</li>
</ul>
<ul id="rightNav">
<li class="login"><a href="javascript:;">登录</a></li>
<li class="register"><a href="javascript:;">注册</a></li>
<li><a href="">购物车</a></li>
</ul>
</nav>
</header>
<div class="barButton">
</div>
<div class="sidebar">
<ul id="sidebar">
<li><a href="">热线</a>
<ul class="phone">
<div><i></i><p>Lenovo服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>Thinkpad服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>手机频道服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>服务产品购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>智能电视咨询购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>联想商用客户热线</p><p>4000-888-222</p></div>
</ul>
</li>
<li><a href="">咨询</a>
<ul class="phone">
<div><i></i><p>Lenovo服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>Thinkpad服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>手机频道服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>服务产品购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>智能电视咨询购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>联想商用客户热线</p><p>4000-888-222</p></div>
</ul>
</li>
<li><a href="">门店</a>
<ul class="phone">
<div><i></i><p>Lenovo服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>Thinkpad服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>手机频道服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>服务产品购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>智能电视咨询购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>联想商用客户热线</p><p>4000-888-222</p></div>
</ul>
</li>
<li><a href="">吐槽</a>
<ul class="phone">
<div><i></i><p>Lenovo服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>Thinkpad服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>手机频道服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>服务产品购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>智能电视咨询购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>联想商用客户热线</p><p>4000-888-222</p></div>
</ul>
</li>
<li><a href=""></a>
<ul class="phone">
<div><i></i><p>Lenovo服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>Thinkpad服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>手机频道服务热线</p><p>4000-888-222</p></div>
<div><i></i><p>服务产品购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>智能电视咨询购买热线</p><p>4000-888-222</p></div>
<div><i></i><p>联想商用客户热线</p><p>4000-888-222</p></div>
</ul>
</li>
</ul>
</div>
<div class="layer"></div>
<div class="left_sidebar">
<ul>
<li><a href="javascript:;">1F</a></li>
<li><a href="javascript:;">2F</a></li>
<li><a href="javascript:;">3F</a></li>
<li><a href="javascript:;">4F</a></li>
<li><a href="javascript:;">5F</a></li>
<li><a href="javascript:;">6F</a></li>
<li><a href="javascript:;">7F</a></li>
</ul>
</div>
<div class="moveTop">
<div class="lay"></div>
<img src="img/moveup.png" />
<span>回到<br />顶部</span>
</div>
<div id="login">
<h1>登录</h1>
<img src="img/close.png" alt="关闭" />
</div>
<div id="register">
<h1>注册</h1>
<img src="img/close.png" alt="关闭" />
</div>
<div id="main">
<section class="ad">
<img src="img/ad.jpg" />
<i class="close"></i>
</section>
<section class="search">
<div class="logo">
</div>
<div class="search_box">
<input type="text" placeholder="请输入" id="searchInput">
<div class="history">
<ul>
<li>小新</li>
<li>G50-70</li>
<li>MIIX-2</li>
<li>Y50-70</li>
<li>Y700</li>
<li>YOGA3</li>
<li>乐檬X3</li>
<li>小新经典版</li>
<li>拯救者</li>
</ul>
</div><div class="submit"></div>
</div>
</section>
<section class="nav">
<ul class="nav_box">
<li><a href="">YOGA上鲜<span class="icon icon-new"></a></span></li>
<li class="sale"><a href="">爆款</a>
<ul class="hot-sale">
<li><a href="">V4000 WIN 10</a></li>
<li><a href="">小新300</a></li>
<li><a href="">拯救者笔记本</a></li>
<li><a href="">乐檬3</a></li>
<li><a href="">看家宝snowman</a></li>
<li><a href="">小新700</a></li>
</ul>
</li>
<li><a href="">特惠</a></li>
<li><a href="">联想合伙人</a></li>
<li><a href="">新品试用<span class="icon icon-hot"></a></span></li>
<li><a href="">以旧换新</a></li>
<li><a href="">用户社区</a></li>
</ul>
</section>
<section class="banner_nav">
<div class="left_nav">
<ul>
<li><a class="show" href="">Lenovo电脑</a>
<div class="lenovo-pc">
<div class="left-pc">
<dl>
<dt>笔记本</dt>
<div class="list">
<dd><a href="">常规笔记本</a></dd>
<dd><a href="">超轻薄笔记本</a></dd>
<dd><a href="">互联网爆款</a></dd>
<dd><a href="">游戏本</a></dd>
<dd><a href="">变形笔记本</a></dd>
</div>
</dl>
<dl>
<dt>笔记本</dt>
<div class="list">
<dd><a href="">常规笔记本</a></dd>
<dd><a href="">超轻薄笔记本</a></dd>
<dd><a href="">互联网爆款</a></dd>
<dd><a href="">游戏本</a></dd>
<dd><a href="">变形笔记本</a></dd>
</div>
</dl>
<dl>
<dt>笔记本</dt>
<div class="list">
<dd><a href="">常规笔记本</a></dd>
<dd><a href="">超轻薄笔记本</a></dd>
<dd><a href="">互联网爆款</a></dd>
<dd><a href="">游戏本</a></dd>
<dd><a href="">变形笔记本</a></dd>
</div>
</dl>
<dl>
<dt>笔记本</dt>
<div class="list">
<dd><a href="">常规笔记本</a></dd>
<dd><a href="">超轻薄笔记本</a></dd>
<dd><a href="">互联网爆款</a></dd>
仿联想首页练习(原生项目)
需积分: 12 100 浏览量
2023-03-13
20:15:46
上传
评论 1
收藏 1.22MB ZIP 举报
联想.zip （56个子文件） 
js 
jquery-1.12.3.min.js 95KB index.js 5KB banner.js 3KB img 
r1.jpg 26KB 1f.jpg 30KB 2.jpg 18KB 7f6.jpg 15KB service.jpg 16KB f8.jpg 15KB recom.jpg 4KB f4.jpg 13KB 4f.jpg 33KB f2.jpg 6KB r2.jpg 29KB f1.jpg 3KB img2.jpg 91KB f5.jpg 7KB 1.jpg 16KB 7f4.jpg 24KB f6.jpg 6KB p4.jpg 6KB p6.jpg 5KB f3.jpg 10KB 2f.jpg 12KB r7.jpg 20KB r5.jpg 11KB img4.jpg 93KB img1.jpg 85KB r3.jpg 26KB 3f.jpg 41KB 7f1.jpg 20KB 7f5.jpg 23KB img3.jpg 78KB search.jpg 2KB 5f.jpg 23KB r4.jpg 19KB
close.png 5KB r6.jpg 13KB r8.jpg 18KB moveup.png 1KB p2.jpg 21KB f7.jpg 9KB 7f2.jpg 19KB p3.jpg 5KB 6f.jpg 26KB p5.jpg 6KB 7f3.jpg 25KB 3.jpg 15KB icon.png 106KB ad.jpg 63KB p1.jpg 30KB 4.jpg 13KB icon2.png 20KB css main.css 4KB header.css 10KB
index.html 46KB资源评论
