展开全部
<html><head> <style> div{ cursor: pointer; font-size:10pt; } .pb{ width:300px;/*单个图片的宽（和显示区域相同）*/ height:300px;/*单个图片的高（和显示区域相同）*/ } #plist{ position:relative; top:-29px; } #pshow{ width:300px;/*显示区域的宽度*/ height:300px;/*显示区域的高度*/ overflow: hidden; position:absolute; top:20px; left:20px; }</style><script src="jquery-1.9.1.js" type="text/javascript"></script><script> var i=1; function pchange(obj){ var imgtop=((0-(obj-1))*300-29)+"px"; $("#plist").animate({ top:imgtop},"slow"); i=obj++; if(i>4){ i=1; } } function timechange(){ pchange(i); i++; if(i>4){ i=1; } setTimeout('timechange()',3000); }</script></head> <body onload="timechange()"><div id="pshow"> <div style="display:table;position:relative;left:150px;top:260px;z-index:99;"> <div style="display:table-cell;width:25px;height:20px;background:#EEEE00;text-align:center;" onmouseover="pchange(1)">1</div> <div style="display:table-cell;width:10px;height:20px;"></div> <div style="display:table-cell;width:25px;height:20px;background:#EEEE00;text-align:center;" onmouseover="pchange(2)">2</div> <div style="display:table-cell;width:10px;height:20px;"></div> <div style="display:table-cell;width:25px;height:20px;background:#EEEE00;text-align:center;" onmouseover="pchange(3)">3</div> <div style="display:table-cell;width:10px;height:20px;"></div> <div style="display:table-cell;width:25px;height:20px;background:#EEEE00;text-align:center;" onmouseover="pchange(4)">4</div> </div> <div id="plist"> <div class="pb" style="background:green;"> </div> <div class="pb" style="background:red;"> </div> <div class="pb" style="background:blue;"> </div> <div class="pb" style="background:yellow;"> </div> </div> </div> </body></html>
追问
好乱啊
追答
从编译器里粘贴过来的，没换行
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
