jquery 淘宝网商品排行图片展示

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>掌柜热卖</title>
<meta http-equiv=content-type content="text/html; charset=gb2312"><link
rev=stylesheet href="images/hotsale.css教程" type=text/css
rel=stylesheet>
<meta content="mshtml 6.00.6000.16890" name=generator></head>
<body
style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px">
<div class=sidebar2 style="margin-top: 0px; width: 230px; height: 420px">
<ul class=tabtitle>
<li class=cur id=tabtitle1><a
href="/browse/search_easy.htm?keyword=凉鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=0e9b9a8d1"
target=_blank>淘气榜</a> </li></ul>
<div class=sidebar2_div>
<ul class="tabcontent cur_tabcontent" id=tabcontent1>
<li>1 <a
href="/browse/search_easy.htm?keyword=通勤+女包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=43b895ca1"
target=_blank><img height=62 alt=""
src="images/t1e5hkxobwajpjnrzm-72-62.jpg" width=72><a href="/browse/search_easy.htm?keyword=通勤+女包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=43b895ca1"
target=_blank>知性ol－简约大方通勤必备</a> 淘宝价：46元
<li>2 <a
href="/browse/search_easy.htm?keyword=帆布+女包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=e977824c1"
target=_blank><img height=62 alt=""
src="images/t1pohkxxzzajpjnrzm-72-62.jpg" width=72><a href="/browse/search_easy.htm?keyword=帆布+女包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=e977824c1"
target=_blank>英伦风－百搭帆布帅气单肩包</a> 淘宝价：88元
<li>3 <a
href="/browse/search_easy.htm?keyword=女包+手拿&catid=50006842&refpid=mm_0_0_0&isinner=0&t=b06719191"
target=_blank><img height=62 alt=""
src="images/t1ryhkxajyajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=女包+手拿&catid=50006842&refpid=mm_0_0_0&isinner=0&t=b06719191"
target=_blank>淑女系－可爱小女生最爱</a> 淘宝价：29元 </li>
<li class=cur>4 <a
href="/browse/search_easy.htm?keyword=双肩包+女&catid=50006842&refpid=mm_0_0_0&isinner=0&t=f003c4aa1"
target=_blank><img height=62 alt=""
src="images/t185hkxcjuajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=双肩包+女&catid=50006842&refpid=mm_0_0_0&isinner=0&t=f003c4aa1"
target=_blank>学院风－日系流行时尚双肩包</a> 淘宝价：55元
<li>5<a
href="/browse/search_easy.htm?keyword=斜挎+女包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=6363e72f1"
target=_blank><img height=62 alt=""
src="images/t1nyhkxlpwajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=斜挎+女包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=6363e72f1"
target=_blank>时尚派－柱形手提斜挎女包</a> 淘宝价：125元
<li>6 <a
href="/browse/search_easy.htm?keyword=鱼嘴鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=c3ad88a91"
target=_blank><img height=62 alt=""
src="images/t1l5hkxj2vajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=鱼嘴鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=c3ad88a91"
target=_blank>鱼嘴鞋－迪斯尼的童话公主</a> 淘宝价：49元
<li>7 <a
href="/browse/search_easy.htm?keyword=蝴蝶&catid=50006843&refpid=mm_0_0_0&isinner=0&t=78fddf1f1"
target=_blank><img height=62 alt=""
src="images/t1volkxbrsajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=蝴蝶&catid=50006843&refpid=mm_0_0_0&isinner=0&t=78fddf1f1"
target=_blank>蝴蝶结－闪金淡蓝可爱单鞋</a> 淘宝价：89元
<li>8 <a
href="/browse/search_easy.htm?keyword=娃娃鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=9f4bb1d01"
target=_blank><img height=62 alt=""
src="images/t1iolkxchrajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=娃娃鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=9f4bb1d01"
target=_blank>娃娃鞋－honey甜心蝴蝶结</a> 淘宝价：56元
<li>9 <a
href="/browse/search_easy.htm?keyword=坡跟+凉鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=2122bb001"
target=_blank><img height=62 alt=""
src="images/t17yhkxjbuajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=坡跟+凉鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=2122bb001"
target=_blank>坡跟鞋－韩版甜美坡跟凉鞋</a> 淘宝价：38元
<li>10 <a
href="/browse/search_easy.htm?keyword=高跟+凉鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=40e34fb31"
target=_blank><img height=62 alt=""
src="images/t19ihkxa2uajpjnrzm-72-62.jpg" width=72><a
href="/browse/search_easy.htm?keyword=高跟+凉鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=40e34fb31"
target=_blank>高跟鞋－复古小名媛圆头鞋</a> 淘宝价：53元 </li></ul>
<ul class=tabcontent id=tabcontent2>
<li class=cur>1 <a
href="/browse/search_easy.htm?keyword=眼霜&catid=1801&refpid=mm_0_0_0&isinner=0&t=86e609e11"
target=_blank><img height=62 alt=""
src="images/t1r1xgxdmo10mvmt2x_084639.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=眼霜&catid=1801&refpid=mm_0_0_0&isinner=0&t=86e609e11"
target=_blank>雅诗兰黛眼部修护精华霜</a> 均价：285元
<li>2 <a
href="/browse/search_easy.htm?keyword=bb霜&catid=50010788&refpid=mm_0_0_0&isinner=0&t=654df46d1"
target=_blank><img height=62 alt=""
src="images/t14qrgxbk_5jlgkh75_054837.jpg_b.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=bb霜&catid=50010788&refpid=mm_0_0_0&isinner=0&t=654df46d1"
target=_blank>明星最爱bb霜(粉底+护肤)</a> 均价：47元
<li>3 <a
href="/browse/search_easy.htm?keyword=保湿&catid=1801&refpid=mm_0_0_0&isinner=0&t=3c3116941"
target=_blank><img height=62 alt=""
src="images/t1qnlcxk4dyceko4u8_100703.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=h2o保湿&catid=1801&refpid=mm_0_0_0&isinner=0&t=f6d471ef1"
target=_blank>h2o强效美白保湿抗衰老</a> 均价：75元
<li>4 <a
href="/browse/search_easy.htm?keyword=粉底液&catid=50010788&refpid=mm_0_0_0&isinner=0&t=fc1373c11"
target=_blank><img height=62 alt=""
src="images/t1r6vexixcntlclg36_060638.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=粉底液&catid=50010788&refpid=mm_0_0_0&isinner=0&t=fc1373c11"
target=_blank>欧莱雅绝配无暇粉底液</a> 均价：60元
<li>5 <a
href="/browse/search_easy.htm?keyword=雪肌精&catid=1801&refpid=mm_0_0_0&isinner=0&t=1924173e1"
target=_blank><img height=62 alt=""
src="images/t1y8naxcco_tztlblx_p.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=高丝雪肌精&catid=1801&refpid=mm_0_0_0&isinner=0&t=6bdaf6381"
target=_blank>日本原装高丝药用雪肌精 </a>均价：328元
<li>6 <a
href="/browse/search_easy.htm?keyword=指甲油&catid=50010788&refpid=mm_0_0_0&isinner=0&t=ad17b38b1"
target=_blank><img height=62 alt=""
src="images/t1ygrdxllwg7et47c9_073927.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=指甲油&catid=50010788&refpid=mm_0_0_0&isinner=0&t=ad17b38b1"
target=_blank>09最新款洛杉矶opi指甲油！ </a>均价：55元
<li>7 <a
href="/browse/search_easy.htm?keyword=睫毛膏&catid=50010788&refpid=mm_0_0_0&isinner=0&t=695553851"
target=_blank><img height=62 alt=""
src="images/t1tk8bfchfudmvp2nx_084824.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=睫毛膏&catid=50010788&refpid=mm_0_0_0&isinner=0&t=695553851"
target=_blank>avon雅芳瞬黑修长睫毛膏</a> 均价：58元
<li>8 <a
href="/browse/search_easy.htm?keyword=香水&catid=50010788&refpid=mm_0_0_0&isinner=0&t=5dcec2ed1"
target=_blank><img height=62 alt=""
src="images/t1nedxxnrh9zydgus1_040705.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=香水&catid=50010788&refpid=mm_0_0_0&isinner=0&t=5dcec2ed1"
target=_blank>香水在世间男女中施展魔法 </a>均价：88元
<li>9 <a
href="/browse/search_easy.htm?keyword=美白&catid=1801&refpid=mm_0_0_0&isinner=0&t=a8b874b31"
target=_blank><img height=62 alt=""
src="images/t1q28dxamxsjjxxxxx.jpg_b.jpg" width=72><a
href="/browse/search_easy.htm?keyword=美白&catid=1801&refpid=mm_0_0_0&isinner=0&t=a8b874b31"
target=_blank>植物护肤实现婴儿肤质</a> 均价：100元
<li>10 <a
href="/browse/search_easy.htm?keyword=面膜&catid=1801&refpid=mm_0_0_0&isinner=0&t=720f79531"
target=_blank><img height=62 alt=""
src="images/t1fdfdxidyhtleqwi8_100536.jpg_sum.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=面膜&catid=1801&refpid=mm_0_0_0&isinner=0&t=720f79531"
target=_blank>深层美白又补水水润透白</a> 均价：120元 </li></ul>
<ul class=tabcontent id=tabcontent3>
<li class=cur>1 <a
href="/browse/search_easy.htm?keyword=雷朋&catid=28&refpid=mm_0_0_0&isinner=0&t=b50093b01"
target=_blank><img height=62 alt=""
src="images/t2crxdxm_fe0p1upjx.jpg_b.jpg" width=72><a
href="/browse/search_easy.htm?keyword=雷朋&catid=28&refpid=mm_0_0_0&isinner=0&t=b50093b01"
target=_blank>明星选择70年经典rayban</a> 均价：85元
<li>2 <a
href="/browse/search_easy.htm?keyword=jack+jones&catid=30&refpid=mm_0_0_0&isinner=0&t=3bec79e01"
target=_blank><img height=62 alt=""
src="images/t17nxfxj9zujl4uofb_095431.jpg_b.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=jack+jones&catid=30&refpid=mm_0_0_0&isinner=0&t=3bec79e01"
target=_blank>jackjones 09火热暴款t恤</a> 均价：58元
<li>3 <a
href="/browse/search_easy.htm?keyword=匡威&catid=50010388&refpid=mm_0_0_0&isinner=0&t=903a0b6a1"
target=_blank><img height=62 alt=""
src="images/t1tz4fxejisjjmijuz_031739.jpg_310x310.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=匡威&catid=50010388&refpid=mm_0_0_0&isinner=0&t=903a0b6a1"
target=_blank>匡威百年经典中性板鞋</a> 均价：106元
<li>4 <a
href="/browse/search_easy.htm?keyword=zippo&catid=28&refpid=mm_0_0_0&isinner=0&t=8a0457ff1"
target=_blank><img height=62 alt=""
src="images/t1hwnbxktfmuye_wzb_122802.jpg_b.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=zippo&catid=28&refpid=mm_0_0_0&isinner=0&t=8a0457ff1"
target=_blank>男人必备经典款zippo!</a> 均价：126元
<li>5 <a
href="/browse/search_easy.htm?keyword=瑞士军刀&catid=28&refpid=mm_0_0_0&isinner=0&t=9d324c241"
target=_blank><img height=62 alt=""
src="images/t1vtnxxmhrxxb1upjx.jpg_b.jpg" width=72><a
href="/browse/search_easy.htm?keyword=瑞士军刀&catid=28&refpid=mm_0_0_0&isinner=0&t=9d324c241"
target=_blank>送就送最好最贵的刀！</a> 均价：136元
<li>6 <a
href="/browse/search_easy.htm?keyword=单肩包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=f11264a51"
target=_blank><img height=62 alt=""
src="images/t1uqrxxbdsptdtlblx_p.jpg_b.jpg" width=72><a
href="/browse/search_easy.htm?keyword=单肩包&catid=50006842&refpid=mm_0_0_0&isinner=0&t=f11264a51"
target=_blank>09夏日奢华男士包包</a> 均价：175元
<li>7 <a
href="/browse/search_easy.htm?keyword=打火机&catid=28&refpid=mm_0_0_0&isinner=0&t=b7a2452b1"
target=_blank><img height=62 alt=""
src="images/t1rylbxbnhjwdcvku__110243.jpg_b.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=打火机&catid=28&refpid=mm_0_0_0&isinner=0&t=b7a2452b1"
target=_blank>st全钢铜芯朗声打火机</a> 均价：215元
<li>8 <a
href="/browse/search_easy.htm?keyword=帆布鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=2f472a511"
target=_blank><img height=62 alt=""
src="images/t1u2tfxdiyttj61n2x_115452.jpg_b.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=帆布鞋&catid=50006843&refpid=mm_0_0_0&isinner=0&t=2f472a511"
target=_blank>09限量版高低帮帆布鞋</a> 均价：128元
<li>9 <a
href="/browse/search_easy.htm?keyword=三叶草&catid=50010388&refpid=mm_0_0_0&isinner=0&t=3d5ae18a1"
target=_blank><img height=62 alt=""
src="images/t1cntexk0emdk7zok9_104745.jpg_b.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=三叶草&catid=50010388&refpid=mm_0_0_0&isinner=0&t=3d5ae18a1"
target=_blank>adidas魔术扣情侣板鞋</a> 均价：200元
<li>10 <a
href="/browse/search_easy.htm?keyword=polo衫&catid=30&refpid=mm_0_0_0&isinner=0&t=5c3e893c1"
target=_blank><img height=62 alt=""
src="images/t1hrvhxciccjpgktiz_032026.jpg_b.jpg"
width=72><a
href="/browse/search_easy.htm?keyword=polo衫&catid=30&refpid=mm_0_0_0&isinner=0&t=5c3e893c1"
target=_blank>淘宝最热卖 polo衫</a> 均价：78元 </li></ul></div></div>
<script type=text/网页特效>

(function(){

var str=window.location.href;

 var pid= str.match(/pid=mm_d{0,10}_d{0,10}_d{0,10}/i);
 //alert(pid);

 if(pid){

 pid = pid[0].split("=")[1]
 var reg=new regexp("pid=mm_0_0_0","gmi");
 var as = document.getelementsbytagname("a");
 for(var i = 0; i < as.length; i ++){
 as[i].href=as[i].href.replace(reg,"pid="+pid);
 }
 document.body.innerhtml =document.body.innerhtml.replace(reg,"pid="+pid)
 }

})();

</script>

<script src="images/jquery-1.3.2.min.js"
type=text/javascript charset=utf-8>
 </script>

<script type=text/javascript>
 $(function(){
 $(".tabcontent li:odd").addclass("even");
 $(".tabcontent li").each(function(){
 $this = $(this);
 $this.mouseo教程ver(function(){
 if($(this).hasclass("cur")){return true;}
 $(this).siblings("li").removeclass("cur");
 $(this).siblings("li").find("img").css("display", "none");
 $(this).siblings("li").find("span").css("display", "none");
 $(this).addclass("cur");
 $(this).find("img").css("display", "block");
 $(this).find("span").css("display", "block");
 return false;
 });
 });
 $(".tabcontent li img,.tabcontent li span").css("display", "none");
 $(".tabcontent li.cur img,.tabcontent li.cur span").css("display", "block");

 $(".tabtitle li").each(function(){
 $this = $(this);
 $this.mouseover(function(){
 $(this).siblings("li").removeclass("cur");
 $(this).addclass("cur");
 var $cur_id_num = $(this).attr("id").slice(-1);
 $(".tabcontent").removeclass("cur_tabcontent");
 $("#tabcontent" + $cur_id_num).addclass("cur_tabcontent");
 });
 });
});
</script>
</body></html>

http://down.111cn.net/down/code/jquery/2010/0830/20527.html

时间： 2024-09-20 13:43:07

jquery 淘宝网商品排行图片展示的相关文章

淘宝网商品体系再升级淘宝网的商品体系升级到第五代

1.淘宝网商品体系再升级淘宝网的商品体系升级到第五代.淘宝网将从1月14日将启动对女装.手机.3C数码配件.酒类.保健品这五个类目的调整..当天商品体系升级涉及到的品类,该品类的商品发布.上下架等编辑功能会暂时关闭.其他类目的升级将在春节之后正式启动. 2.速卖通新兴市场增950% 主推俄罗斯及巴西阿里巴巴旗下外贸电商平台全球速卖通2013年在新兴市场增长迅猛,俄罗斯及南美市场表现尤为突出.其中,阿根廷.巴西等地的平均增幅高达950%. 3.当当卖家服务市场上线结构酷似淘宝域名fuwu.

淘宝网商品评价上传图片教程

1.我们登录"个人中心"然后找到顶部"已买到宝贝"如下图所示: 2.在进入到自己已经购买到的宝贝界面,我们找到要评价的商品点击评价: 3.点击评价后进入如下评价页面,有打分和留言,然后在下面有一个电脑睛图按钮,如下: 4.评价内容和打分好了后晒图直接点击电脑晒图,点击后弹出一个方框选择图片界面: 5.然后找到图片,点击打开,这样照片就会自动上传到淘宝网了: 6.上传好了如下图,会有一个小图显示你上传的图的效果,然后我们点击"发表评论"即可. 好了

求代码?好像淘宝网的产品图片显示效果

问题描述当鼠标停留在该产品的图片时,弹出一个大图解决方案解决方案二:该回复于2007-12-04 11:19:41被版主删除解决方案三:怎么解决啊?有代码吗?谢谢各位朋友解决方案四:处理图片的onmouseover事件,动态改变Div层的位置与内容.当然也可以实现更多,更强大的效果.解决方案五:看他得源代码

jQuery仿淘宝网产品品牌隐藏与显示效果_jquery

本文实例讲述了jQuery仿淘宝网产品品牌隐藏与显示效果.分享给大家供大家参考.具体如下: 这里演示jQuery实现产品品牌隐藏与显示效果,仿淘宝网商品列表的品牌显示与折叠功能,很实用的代码,看了就知道了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-f-taobao-product-hidden-show-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

淘宝推出类Pinterest图片社区“顽兔”

淘宝推出类Pinterest图片社区顽兔(腾讯科技配图) 腾讯科技讯(利康)4月9日下午消息,腾讯科技获悉,淘宝网筹备的类Pinterest的图片分享社区顽兔(wantu.taobao.com) 已悄然上线.顽兔社区是一个快速收藏喜欢图片和分享的网站,用户可以查阅别人分享的内容,或者收藏大家喜欢的图片和精选图集.注册和登录顽兔均可使用淘宝帐号. Pinterest,即Pin(图钉)+Interest(兴趣),意为把自己感兴趣的东西用图钉钉在钉板上,是美国一家创办于2011年的图片视觉社交网站.

淘宝网重量级产品“店掌柜”即将发布

旺铺吧8月17日消息:随着阿里巴巴的大淘宝战略发布,越来越多的第三方软件提供商利用淘宝的开放API针对淘宝卖家开发各种应用.目前在我的淘宝后台订阅增值服务中已经有10几种,其中与视频网站合作的收费服务甚至一度被认为是视频网站新的盈利模式.旺铺吧近期得到内部消息,由淘宝网与SHOPEX合作的独立网店系统即将发布,命名为"店掌柜". 有意思的是,在酝酿了近半年的店掌柜即将发布之际,淘宝先于发布自己独立开发的"淘宝网店"产品,也是一个独立域名的第三方网店系统,收费标准完全

排序规则调整后淘宝网店推广的新途径

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客云主机技术大厅近期淘宝网对淘宝搜索的排序规则做出了调整,之前搜索排名靠前的很多商品受到了巨大影响,排名跌落到几页之后.许多淘宝卖家表示规则调整之后,每日的买家咨询量和商品销量跌破了50%.淘宝卖家不能依靠淘宝的排名坐以待毙,需要开辟更多的网店宣传途径.除了论坛.QQ.博客等常规途径外,分类信息网站是一个新兴的.也是被淘宝卖家所忽视的重要途径.那么,淘宝网利

网友发帖曝淘宝网店潜规则

实习记者徐滔晨报记者陈屹 "偶很不厚道地承认,我有一个店子全是假货".最近,一个名为"学校论坛"的网友在网上发帖透露"我所知道的淘宝潜规则".在帖子中,化妆品.内衣.宠物食物等淘宝热卖的商品都被发帖者怀疑了一把.时下网购风行,网购的品种更是遍及生活中各个方面,此帖一出即引起了众多网友关注. 化妆品多在批发市场进货自称是曾经的淘宝店家的"校园论坛"在帖子里说,"曾经闲着无聊在淘宝做过,有两个店铺,两三钻而已

淘宝网霸王条款惹争议淘宝客不满情绪剧增

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客云主机技术大厅在2009年2月27日晚,阿里妈妈社区发布了官方的<关于淘宝客推广规范的声明>.在声明中指出,为了保护淘宝消费者的利益,要对淘宝客推广网站进行规范,并禁止淘宝客推广网站名称中使用"淘宝"相关字样,域名中禁止使用"taobao"等字样.这条规定,引起了广大淘宝客推广网站站长的强烈不满,就连一直