2、修改 $("#spec-list").jdMarquee({
deriction:"left",
width:600,
下的width
3、把$("#spec-list img").bind("mouseover",function(){
var src=$(this).attr("src");
$("#spec-n1 img").eq(0).attr({
下的"border":"1px solid #ccc",去掉
4、把#spec-list{}中的width的大小改为100%
引入的js文件和css文件
html代码:
<div id=main_left>
<div class=jqzoom id=spec-n1 >
<volist name="xiangxi1" id="vo">
<IMG height=350
src="../uploadfile/pic/big/{$vo.photos_pic}" jqimg="../uploadfile/pic/big/{$vo.photos_pic}" width=650>
</volist>
</div>
<div id=spec-n5>
<!--<div class=control id=spec-left>
<img src="__PUBLIC__/images/left.gif" />
</div>-->
<div id=spec-list>
<ul class=list-h>
<volist name="xiangxi" id="vo">
<li>
<IMG height=350
src="../uploadfile/pic/big/{$vo.photos_pic}" >
</li></volist>
</ul>
</div>
<!--
1、把左右按钮屏蔽掉
2、修改 $("#spec-list").jdMarquee({
deriction:"left",
width:600,
下的width
3、把$("#spec-list img").bind("mouseover",function(){
var src=$(this).attr("src");
$("#spec-n1 img").eq(0).attr({
下的"border":"1px solid #ccc",去掉
4、把#spec-list{}中的width的大小改为100%
<div class=control id=spec-right>
<img src="__PUBLIC__/images/right.gif" />
</div>-->
</div>
<SCRIPT type=text/javascript>
$(function(){
$(".jqzoom").jqueryzoom({
xzoom:300,
yzoom:300,
offset:10,
position:"right",
preload:1,
lens:1
});
$("#spec-list").jdMarquee({
deriction:"left",
width:700,
height:86,
step:2,
speed:4,
delay:10,
control:true,
_front:"#spec-right",
_back:"#spec-left"
});
$("#spec-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({
"padding":"1px"
});
}).bind("mouseout",function(){
$(this).css({
"padding":"2px"
});
});
})
</SCRIPT>
<SCRIPT src="__PUBLIC__/js/lib.js" type=text/javascript></SCRIPT>
<SCRIPT src="__PUBLIC__/js/163css.js" type=text/javascript></SCRIPT>