<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="UTF-8" />
<title>hisense</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/reset.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
</head>
<body>
<div class="header">
<div class="wrap">
<div class="logo"><a href="index.html" title="hisense"><img src="images/logo.png"/></a></div>
<div class="nav">
<ul>
<li><a href="index.html" title="首页">首页</a></li>
<li><a href="gn.html" title="产品">产品</a></li>
<li><a href="sj.html" class="curr" title="知识">知识</a></li>
<li><a href="list.html" title="社区">社区</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="local">
<div class="wrap">
<a href="index.html" title="首页">首页</a><span>></span>社区
</div>
</div>
<div class="content">
<div class="h30"></div>
<div class="wrap">
<div class="left bor_ras">
<div class="lanmu">精品资讯</div>
<div class="con_pad">
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话，当初看发布会的时候，并不觉得T2怎么样，总觉得是T1的升级版。 但是当你亲自体验完以后，
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说，直接上图。相信你看完之后，也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话，当初看发布会的时候，并不觉得T2怎么样，总觉得是T1的升级版。 但是当你亲自体验完以后，
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说，直接上图。相信你看完之后，也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话，当初看发布会的时候，并不觉得T2怎么样，总觉得是T1的升级版。 但是当你亲自体验完以后，
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说，直接上图。相信你看完之后，也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话，当初看发布会的时候，并不觉得T2怎么样，总觉得是T1的升级版。 但是当你亲自体验完以后，
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说，直接上图。相信你看完之后，也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
</div>
<div class="h50"></div>
<div class="read_more"><a href="#">查看更多资讯<span>∨</span></a></div>
</div>
<div class="right">
<div class="right_fixed bor_ras">
<div class="lanmu">精品资讯</div>
<ul class="modular">
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="h30"></div>
<div class="h30"></div>
<div class="footer">
<div class="wrap">
<ul class="fot_map">
<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>
<div class="clear"></div>
</ul>
<div class="fot_phe"><a href="#"><img src="images/fot_phe.gif"/></a></div>
<div class="clear"></div>
</div>
</div>
<!-- The Scripts -->
<script src="js/jquery.js"></script>
<script>
$(document).ready(function(e) {
t = $('.right_fixed').offset().top;
mh = $('.left').height();
fh = $('.right_fixed').height();
$(window).scroll(function(e){
s = $(document).scrollTop();
if(s > t - 10){
$('.right_fixed').css('position','fixed');
$('.right_fixed').css('top','0');
if(s + fh > mh){
$('.right_fixed').css('top',mh-s-fh+'px');
}
}else{
$('.right_fixed').css('position','');
}
})
});
</script>
<div style="text-align:center;">
<p>更多源码：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</body>
</html>
html模板之电子商城
需积分: 15 65 浏览量
2017-12-20
13:25:37
上传
评论
收藏 388KB ZIP 举报
HTML模板.zip （24个子文件） 
HTML模板 电子产品公司官网HTML模板 css 
reset.css 2KB main.css 5KB
gn.html 3KB list.html 6KB detail.html 3KB sj.html 3KB images 
icon.gif 2KB
head_bg.png 1001B
news_pic.jpg 57KB cp.png 153KB logo.png 10KB bt_p3.jpg 4KB ad_ctr.png 4KB local_bg.gif 2KB bt_p2.jpg 3KB bt_p1.jpg 3KB bt_p4.jpg 3KB bg4.gif 1KB fot_phe.gif 6KB b1.jpg 71KB js jquery.SuperSlide.2.1.1.js 11KB jquery.js 241KB posfixed.js 5KB index.html 3KB资源评论
