希望有用。
打开IE浏览器，工具->Internet选项->安全->区域选择”Internet”->自定义级别， “对标记为可安全执行脚本的ActiveX控件执行脚本”设为“启用”，“下载已签名的ActiveX控件”设为“提示”，“运行ActiveX控件和插件”设为“启用”工具.internet选项.隐私.高级.二只方块打勾.
<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:tableposition:relativeleft:150pxtop:260pxz-index:99"> <div style="display:table-cellwidth:25pxheight:20pxbackground:#EEEE00text-align:center" onmouseover="pchange(1)">1</div> <div style="display:table-cellwidth:10pxheight:20px"></div> <div style="display:table-cellwidth:25pxheight:20pxbackground:#EEEE00text-align:center" onmouseover="pchange(2)">2</div> <div style="display:table-cellwidth:10pxheight:20px"></div> <div style="display:table-cellwidth:25pxheight:20pxbackground:#EEEE00text-align:center" onmouseover="pchange(3)">3</div> <div style="display:table-cellwidth:10pxheight:20px"></div> <div style="display:table-cellwidth:25pxheight:20pxbackground:#EEEE00text-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>
