程序博客网 > 淘宝店铺升级入口

js淘宝局部放大效果

来源：互联网发布：淘宝店铺升级入口编辑：程序博客网时间：2024/06/11 14:11

js淘宝局部放大效果

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title></title>

<link href="css/css.css" type="text/css" rel="stylesheet">

<SCRIPT src="js/jquery1.42.min.js" type=text/javascript></SCRIPT>

<SCRIPT src="js/lib.js" type=text/javascript></SCRIPT>

</head>

<body style="text-align:center">

<div id="product">

<div class="proobj" id="spec-n1"><img src="images/img04.jpg" height=350 width=350>

</div>

<div id="spec-n5">

<div class="control" id="spec-left">

<img src="images/left.gif" />

</div>

<div id="product_list">

<ul class="list-h">

<li><img src="images/img01.jpg"> </li>

<li><img src="images/img02.jpg"> </li>

<li><img src="images/img03.jpg"> </li>

<li><img src="images/img04.jpg"> </li>

<li><img src="images/img01.jpg"> </li>

<li><img src="images/img02.jpg"> </li>

</ul>

</div>

<div class="control" id="spec-right">

<img src="images/right.gif" />

</div>

</div>

</div>

<SCRIPT type=text/javascript>

$(function(){

/*要放大的图像父元素*/

$(".proobj").jqueryzoom({

xzoom:400,

yzoom:400,

offset:10,

position:"left",

});

/*滚动的小图列表父元素*/

$("#product_list").jdMarquee({

deriction:"left",

width:350,

height:56,

step:2,

speed:4,

delay:10,

control:true,

_front:"#spec-right",

_back:"#spec-left"

});

/*点击的小图片*/

$("#product_list img").bind("mouseover",function(){

var src=$(this).attr("src");

/*被切换的大图片*/

$("#spec-n1 img").eq(0).attr({

src:src.replace("\/n5\/","\/n1\/"),

jqimg:src.replace("\/n5\/","\/n0\/")

});

$(this).css({

"border":"2px solid #ff6600",

"padding":"1px"

});

}).bind("mouseout",function(){

$(this).css({

"border":"1px solid #ccc",

"padding":"2px"

});

});

})

</SCRIPT>

</body>

</html>

0 0

淘宝店铺升级入口

淘宝店铺升级入口

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子 600862中航高科中航锂电招聘中航led魔宝下载中航电测仪器股份有限公司郑州中航软件开发有限公司珠海中航飞行学校有限公司中航物业招聘中航工业招聘中航国际控股吧中航发网上商城中航光电招聘中航锂电巨亏后将倒闭中航网上商城中航地产000043 300114 中航电测中航云玺大宅中航城国际社区 600760中航黑豹中航国际广场中航资本千股千评中航证券有限公司中航工业集团下属公司中航飞机股票行情中航飞机股市行情中航黑豹股票中航资本重组中航三鑫股份有限公司中航动控重组中航石油质量怎么样中航证券至诚版手机版中航期货有限公司中航锂电怎么样中航飞机模型中航工业光电所中航装饰集团中航凯特公寓中航信托产品中航工业公司中航科技有限公司中航机电千股千评 000043股票