实例介绍
【实例简介】
【实例截图】
【核心代码】
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="GBK">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>QQ团购页</title>
<meta name="keywords" content="QQ团购" />
<meta name="description" content="QQ团购" />
<!--<link rel="stylesheet" type="text/css" href="css/index.css">-->
<style type='text/css'>
*{
margin:0;
padding:0;
}
.clearfix{
clear: both;
font-size: 0;
overflow: hidden;
}
ul, li{
list-style: none;
}
img{
border:0;
}
h1{
font-size:14px;
font-family:'microsoft yahei';
margin-top:5px;
height:34px;
line-height:34px;
}
.wrap{
width:670px;
margin:auto;
}
.blockLeft{
width: 445px;
float:left;
}
.blockRight{
width:210px;
float:right;
}
/*热门分类*/
.hotDetail{
height:174px;
}
.hotDetail ul{
width: 444px;
border-top:1px dashed #999999;
border-right:1px dashed #999999;
}
.hotDetail ul.rowT{
border-bottom:1px dashed #999999;
}
.hotDetail li a{
cursor: pointer;
color: #666666;
text-decoration: none;
}
.hotDetail li{
float: left;
position: relative;
width: 110px;
height: 86px;
font-family: 'SimSun';
color: #666666;
border-left:1px dashed #999999;
overflow: hidden;
}
#fde0e0{background: #fde0e0;}
#e0f6f0{background: #e0f6f0;}
#e2f0ff{background: #e2f0ff;}
#ffe7d3{background: #ffe7d3;}
#e0f5fc{background: #e0f5fc;}
#e5effd{background: #e5effd;}
#e4e7fc{background: #e4e7fc;}
#fff5d3{background: #fff5d3;}
.hotDetail li .categoryName{
width:86px;
height:50px;
margin: auto;
margin-top:18px;
position:relative;
top: 0;
left:0;
z-index:1;
}
.hotDetail li .categoryName img{
float: left;
}
.hotDetail li .categoryName .cateTitle{
width: 24px;
display: inline-block;
float: left;
margin-top: 12px;
margin-left: 5px;
font-family: 'SimSun';
font-size: 12px;
line-height: 14px;
}
.blur{
display: none;
width: 100%;
height: 100%;
background: #FFF;
position: absolute;
z-index: 10;
top:0;
left: 0;
opacity: 0;
filter:alpha(opacity=0);
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.Ctitle{
position: relative;
font-size: 18px;
font-weight: bold;
font-family: 'microsoft yahei';
color: #cc0000;
text-align: center;
display: none;
z-index: 20;
}
.hotDetail li.sele .blur{
display: block;
opacity: .6;
filter:alpha(opacity=60);
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.hotDetail li.sele .Ctitle{
display: block;
}
.hotDetail li.sele .categoryName{
margin-top: 10px;
}
/*大牌特惠*/
#preBand li{
height: auto;
}
.preference{
width: 443px;
border:1px dashed #999;
overflow: hidden;
}
.preference ul{
width: 444px;
display: none;
}
#preBand, .preference ul.show{
display: block;
}
.preference li{
float: left;
width: 111px;
height: 90px;
}
.preference li .pTitle a{
display:block;
height: 22px;
line-height: 22px;
text-align: center;
font-size: 12px;
font-family: 'SimSun';
background: #eeeeee;
color: #000;
text-decoration: none;
border-right:1px dashed #999;
cursor: default;
}
.preference li .pTitle a.sele{
background: #e3393c;
color: #FFF;
}
.pDetail{
cursor: pointer;
}
.pDetail a{
cursor: pointer;
display: inline-block;
width: 100%;
font-size: 12px;
font-family: 'SimSun';
text-decoration: none;
color: #000;
}
.pDetail a .goodsThumb{
height: 60px;
line-height: 60px;
font-size:10px;
*font-size:60px;
text-align: center;
vertical-align:middle;
overflow: hidden;
}
.pDetail a .goodsThumb img{
vertical-align:middle;
}
.pDetail a .price{
font-family: 'Arial';
font-weight: bold;
color: #e3393c;
text-align: center;
line-height: 100%;
margin-bottom: 4px;
margin-bottom: 2px;
}
.pDetail a .goodsTitle{
width: 80px;
height: 12px;
margin: auto;
text-align: center;
line-height: 12px;
line-height: 14px\9;
*line-height: 12px;
_line-height: 12px;
vertical-align: middle;
overflow: hidden;
}
/*精彩活动*/
.actAd{
line-height: 0;
font-size:0;
overflow: hidden;
margin-bottom: 15px;
}
.nomb{
margin-bottom: 0;
}
</style>
<script type="text/javascript">window.AIOPAGE = 1; </script>
</head>
<body>
<div class='wrap'>
<div class='blockLeft'>
<h1 class='actTitle'>热门分类</h1>
<div class='hotDetail'>
<ul>
<li id='fde0e0'>
<a clstag="secondtype|keycount|tuangoufenlei|a1" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18081&to=http://tuan.jd.com/channel/virtual-beijing-87-0-0-0-0-0-1-0-1.html?jdr=t'>
<div class='categoryName'>
<img src='http://img11.360buyimg.com/jdcms/jfs/t547/320/1037906381/3403/22aea5b/54a8c63cN018e7912.jpg' width='50' height='50'>
<div class='cateTitle'>餐饮美食</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>一元起</div>
</a>
</li>
<li id='e0f6f0'>
<a clstag="secondtype|keycount|tuangoufenlei|a2" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18082&to=http://tuan.jd.com/channel/virtual-beijing-88-0-0-0-0-0-1-0-1.html?jdr=t'>
<div class='categoryName'>
<img src='http://img11.360buyimg.com/jdcms/jfs/t532/246/1038468930/3359/e33f716d/54a8c651Nd2d5c5db.jpg' width='50' height='50'>
<div class='cateTitle'>休闲娱乐</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>10元K歌</div>
</a>
</li>
<li id='e2f0ff'>
<a clstag="secondtype|keycount|tuangoufenlei|a3" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18083&to=http://tuan.jd.com/channel/virtual-beijing-206-0-0-0-0-0-1-0-1.html?jdr=t'>
<div class='categoryName'>
<img src='http://img12.360buyimg.com/jdcms/jfs/t604/187/1057786493/3101/bec106ba/54a8c65cNbb314b22.jpg' width='50' height='50'>
<div class='cateTitle'>电影票务</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>9.9元看大片</div>
</a>
</li>
<li id='ffe7d3'>
<a clstag="secondtype|keycount|tuangoufenlei|a4" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18084&to=http://tuan.jd.com/channel/virtual-beijing-204-0-0-0-0-0-1-0-1.html?jdr=t'>
<div class='categoryName'>
<img src='http://img14.360buyimg.com/jdcms/jfs/t727/8/396325639/3665/aef085c6/54a8c666Na30aa806.jpg' width='50' height='50'>
<div class='cateTitle'>摄像写真</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>特惠婚纱</div>
</a>
</li>
<div class='clearfix'></div>
</ul>
<ul class='rowT'>
<li id='e0f5fc'>
<a clstag="secondtype|keycount|tuangoufenlei|a5" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18085&to=http://tuan.jd.com/channel/virtual-beijing-2315-0-0-0-0-0-1-0-1.html?jdr=t'>
<div class='categoryName'>
<img src='http://img12.360buyimg.com/jdcms/jfs/t610/326/1032708944/3152/78b43281/54a8c66fNda29e8c6.jpg' width='50' height='50'>
<div class='cateTitle'>旅游度假</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>99飞泰国</div>
</a>
</li>
<li id='e5effd'>
<a clstag="secondtype|keycount|tuangoufenlei|a6" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18086&to=http://tuan.jd.com/channel/virtual-beijing-208-0-0-0-0-0-1-0-1.html?jdr=t'>
<div class='categoryName'>
<img src='http://img10.360buyimg.com/jdcms/jfs/t520/310/1036203807/3286/5a37cc8b/54a8c67aNb568fe7f.jpg' width='50' height='50'>
<div class='cateTitle'>本地生活</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>10大温泉</div>
</a>
</li>
<li id='e4e7fc'>
<a clstag="secondtype|keycount|tuangoufenlei|a7" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18087&to=http://tuan.jd.com/channel/hotel-0-0-0-0-1-0-0-0-0-1.html?jdr=t'>
<div class='categoryName'>
<img src='http://img12.360buyimg.com/jdcms/jfs/t598/98/1051264874/3273/a52b60b/54a8c683N22ae5774.jpg' width='50' height='50'>
<div class='cateTitle'>酒店团购</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>0.2折起</div>
</a>
</li>
<li id='fff5d3'>
<a clstag="secondtype|keycount|tuangoufenlei|a8" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18088&to=http://tuan.jd.com/channel/virtual-beijing-0-0-0-0-0-0-1-0-1.html'>
<div class='categoryName'>
<img src='http://img12.360buyimg.com/jdcms/jfs/t652/288/1024969706/2753/3e20ec40/54a8c68aNbef47611.jpg' width='50' height='50'>
<div class='cateTitle'>全部分类</div>
</div>
<div class='blur'></div>
<div class='Ctitle'>一元起</div>
</a>
</li>
<div class='clearfix'></div>
</ul>
</div>
<h1 class='actTitle'>大牌特惠</h1>
<div class='preference'>
<ul id='preBand'>
<li>
<div class='pTitle'><a class='sele' href='#'>好吃的</a></div>
</li><li>
<div class='pTitle'><a href='#'>好玩的</a></div>
</li><li>
<div class='pTitle'><a href='#'>好看的</a></div>
</li><li>
<div class='pTitle'><a href='#'>好美的</a></div>
</li> <!--
<li>
<div class='pTitle'><a class='sele' href='#'></a></div>
</li>
<li>
<div class='pTitle'><a href='#'></a></div>
</li>
<li>
<div class='pTitle'><a href='#'></a></div>
</li>
<li>
<div class='pTitle'><a href='#'></a></div>
</li>-->
<div class='clearfix'></div>
</ul>
<ul class='bandDefault show'>
<li clstag='shangpin|keycount|tuangoushangpin|b1'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18089&to=http://tuan.jd.com/team-13441335.html?jdr=t'>
<div class='goodsThumb'><img src='http://img11.360buyimg.com/n2/jfs/t1237/247/115568516/31602/f16b542c/54fdd2f9Nbe85efe8.jpg' width='50' height='50'></div>
<div class='price'><span>￥89.00</span></div>
<div class='goodsTitle'>西贝莜面村</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b2'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18090&to=http://tuan.jd.com/team-13163633.html?jdr=t'>
<div class='goodsThumb'><img src='http://img10.360buyimg.com/n2/jfs/t946/19/104163353/42208/a0dabf3c/54fdca28N930a5777.jpg' width='50' height='50'></div>
<div class='price'><span>￥88.00</span></div>
<div class='goodsTitle'>井格老灶火锅</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b3'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18091&to=http://tuan.jd.com/team-13288022.html?jdr=t'>
<div class='goodsThumb'><img src='http://img10.360buyimg.com/n2/jfs/t841/264/105548256/29277/1068a91d/54fda5e6Nd60cb2a6.jpg' width='50' height='50'></div>
<div class='price'><span>￥89.9</span></div>
<div class='goodsTitle'>金鼎轩</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b4'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18092&to=http://tuan.jd.com/team-14682956.html?jdr=t'>
<div class='goodsThumb'><img src='http://img10.360buyimg.com/n2/jfs/t877/273/87428308/34891/b6864342/54fd9aa9Ne8c6ee61.jpg' width='50' height='50'></div>
<div class='price'><span>￥90.00</span></div>
<div class='goodsTitle'>点评大牌饭局</div>
</a>
</div>
</li> <div class='clearfix'></div>
</ul>
<ul class='bandDefault'>
<li clstag='shangpin|keycount|tuangoushangpin|b5'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18093&to=http://tuan.jd.com/team-13079886.html?jdr=t'>
<div class='goodsThumb'><img src='http://img11.360buyimg.com/n2/jfs/t547/247/1524126588/28007/248aa687/54fc3e50N780d3014.jpg' width='50' height='50'></div>
<div class='price'><span>￥88.00</span></div>
<div class='goodsTitle'>糖果俱乐部</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b6'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18094&to=http://tuan.jd.com/team-13099377.html?jdr=t'>
<div class='goodsThumb'><img src='http://img13.360buyimg.com/n2/jfs/t835/315/91742352/40696/f3949378/54fe0e03N6123ea16.jpg' width='50' height='50'></div>
<div class='price'><span>￥30.00</span></div>
<div class='goodsTitle'>酷姿</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b7'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18095&to=http://tuan.jd.com/team-13160477.html?jdr=t'>
<div class='goodsThumb'><img src='http://img10.360buyimg.com/n2/jfs/t832/226/94837050/29870/91f52185/54fd48d3Nc011ba34.jpg' width='50' height='50'></div>
<div class='price'><span>￥59.00</span></div>
<div class='goodsTitle'>好乐迪KTV</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b8'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18096&to=http://tuan.jd.com/team-13070873.html?jdr=t'>
<div class='goodsThumb'><img src='http://img13.360buyimg.com/n2/jfs/t910/348/95149801/39496/8d6b39ec/54fd8ad0N01523abd.jpg' width='50' height='50'></div>
<div class='price'><span>￥28.00</span></div>
<div class='goodsTitle'>A GOGO量贩式KTV</div>
</a>
</div>
</li> <div class='clearfix'></div>
</ul>
<ul class='bandDefault'>
<li clstag='shangpin|keycount|tuangoushangpin|b9'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18097&to=http://tuan.jd.com/team-13805196.html?jdr=t'>
<div class='goodsThumb'><img src='http://img13.360buyimg.com/n2/jfs/t955/214/94275409/18106/d378083f/54fe094dNf9fcc0ba.jpg' width='50' height='50'></div>
<div class='price'><span>￥21.00</span></div>
<div class='goodsTitle'>紫光影城</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b10'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18098&to=http://tuan.jd.com/team-13747127.html?jdr=t'>
<div class='goodsThumb'><img src='http://img13.360buyimg.com/n2/jfs/t838/331/89412040/34609/b9c52d17/54fc5a77N2214d63b.jpg' width='50' height='50'></div>
<div class='price'><span>￥40.00</span></div>
<div class='goodsTitle'>CGV国际影城</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b11'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18099&to=http://tuan.jd.com/team-13753961.html?jdr=t'>
<div class='goodsThumb'><img src='http://img12.360buyimg.com/n2/jfs/t754/89/858367812/30392/6f2e5621/54fe4352N3c04ceaf.jpg' width='50' height='50'></div>
<div class='price'><span>￥22.00</span></div>
<div class='goodsTitle'>国安剧院</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b12'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18100&to=http://tuan.jd.com/team-14259120.html?jdr=t'>
<div class='goodsThumb'><img src='http://img12.360buyimg.com/n2/jfs/t1213/134/105389547/24896/7c895034/54fdc384Nfabb4fc5.jpg' width='50' height='50'></div>
<div class='price'><span>￥27.00</span></div>
<div class='goodsTitle'>保利万源影城</div>
</a>
</div>
</li> <div class='clearfix'></div>
</ul>
<ul class='bandDefault'>
<li clstag='shangpin|keycount|tuangoushangpin|b13'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18101&to=http://tuan.jd.com/team-14824130.html?jdr=t'>
<div class='goodsThumb'><img src='http://img11.360buyimg.com/n2/jfs/t1222/359/126057857/74276/c8f922ac/5501342cN792681f4.jpg' width='50' height='50'></div>
<div class='price'><span>￥9.00</span></div>
<div class='goodsTitle'>红颜养生SPA馆38元护</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b14'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18102&to=http://tuan.jd.com/team-14804170.html?jdr=t'>
<div class='goodsThumb'><img src='http://img11.360buyimg.com/n2/jfs/t577/30/1290269851/111623/68f2ee8/54fda7b1N82173b85.jpg' width='50' height='50'></div>
<div class='price'><span>￥9.00</span></div>
<div class='goodsTitle'>金海莎88元SPA套餐</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b15'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18103&to=http://tuan.jd.com/team-14396715.html?jdr=t'>
<div class='goodsThumb'><img src='http://img11.360buyimg.com/n2/jfs/t712/44/573291052/61805/994da17b/54c0832cN41593012.jpg' width='50' height='50'></div>
<div class='price'><span>￥6.00</span></div>
<div class='goodsTitle'>美甲之家6元手部精修特惠</div>
</a>
</div>
</li><li clstag='shangpin|keycount|tuangoushangpin|b16'>
<div class='pDetail'>
<a target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18104&to=http://tuan.jd.com/team-14397371.html?jdr=t'>
<div class='goodsThumb'><img src='http://img14.360buyimg.com/n2/jfs/t709/58/559386457/77520/2940a904/54c086e8Nf9683eb3.jpg' width='50' height='50'></div>
<div class='price'><span>￥9.00</span></div>
<div class='goodsTitle'>海豚湾38元美甲套餐</div>
</a>
</div>
</li> <div class='clearfix'></div>
</ul>
</div>
</div>
<div class='blockRight'>
<h1 class='actTitle'>精彩活动</h1>
<div class='actAd'>
<a clstag="secondtype|keycount|tuangouguanggao|c1" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18105&to=http://sale.jd.com/act/dPgBlkhvE4YOi.html'><img src="http://img11.360buyimg.com/jdcms/jfs/t1270/157/172942298/17844/d77f0c2d/55079803Nb9255b22.jpg" /></a>
</div>
<div class='actAd nomb'>
<a clstag="secondtype|keycount|tuangouguanggao|c2" target='_blank' href='http://dc2.jd.com/auto.php?service=transfer&type=dmp&from=dmp&kid=112&klid=18106&to=http://sale.jd.com/act/TJpaGw5elMZcdvXQ.html '><img src="http://img11.360buyimg.com/jdcms/jfs/t886/221/149436797/40005/5fdc2068/55039090N13fd3e16.jpg" /></a>
</div>
</div>
</div>
<script type="text/javascript" src='http://misc.360buyimg.com/jdf/lib/jquery-1.6.4.js'></script>
<script type="text/javascript" src='http://misc.360buyimg.com/jdf/1.0.0/unit/base/1.0.0/base.js'></script>
<script type="text/javascript">
var getPriceNum = function(skus, iploc, $wrap, perfix, callback) {
skus = typeof skus === 'string' ? [skus]: skus;
$wrap = $wrap || $('body');
perfix = perfix || 'J-p-';
var ipLocParam = '';
if ( iploc !== null ) {
if ( readCookie('ipLoc-djd') ) {
ipLocParam = '&area=' readCookie('ipLoc-djd').replace(/-/g, '_');
} else {
ipLocParam = '&area=1';
}
}
if ( typeof skus === 'undefined' ) {
return;
}
var url = 'http://p.3.cn/prices/mgets?type=1&skuIds=J_' skus.join(',J_') ipLocParam;
$.ajax({
url: url,
dataType: 'jsonp',
success: function (r) {
if (!r && !r.length) {
return false;
}
for (var i = 0; i < r.length; i ) {
if ( !r[i].id ) {
return false;
}
var sku = r[i].id.replace('J_', '');
var wmePrice = parseFloat(r[i].p);
var wmaPrice = parseFloat(r[i].m);
if (wmePrice > 0) {
$wrap.find('.' perfix sku).html('￥' r[i].p '');
$wrap.find('.J-m-' sku).html('￥' r[i].m '');
$wrap.find('.J-dis-' sku).html((Math.ceil(r[i].p/r[i].m * 100) / 10).toFixed(1) '折');
} else {
$wrap.find('.' perfix sku).html('暂无报价');
}
if ( typeof callback === 'function' ) {
callback(sku, r[i], url);
}
}
}
});
};
$(function(){
var $band = $("#preBand li a");
$("#preBand li a").each(function(index){
$(this).hover(function(){
$band.removeClass('sele');
$(this).addClass('sele');
$(".bandDefault").removeClass('show');
$(".bandDefault").eq(index).addClass('show');
});
});
//暂时注释掉，因为本期用不到商品池
//getPriceNum('', '', $('.price'));
$(".hotDetail li").hover(function(){
$(this).addClass("sele");
},function(){
$(".hotDetail li").removeClass("sele");
});
$(".pDetail a").each(function(index){
$(this).click(function(evt){
evt.preventDefault();
window.open($(this).attr('href'), '_blank');
});
});
});
</script>
<script type="text/javascript" src="http://static.gtimg.com/js/version/2012/08/ecc.cloud.report.20120823.js?t=20140408"></script>
</body>
</html><!-- build with 5a7eaa92da4c8e0cc119d059498365fe -->
<!-- build at -->
<!-- done -->
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论