简单图片移动切换

图片选择 Dbox width 400px height 210px overflow hidden Dbox div display block height 210px Dbutton width 400px cursor pointer Dbutton ul list style none margin 0 padding 0 Dbutton li width 100px float left text align center display block background cccccc Dcontent2 border 1px ff0000 solid 00000 11111 22222 33333 var Iarray new Array 4 if navigator userAgent toLowerCase indexOf firefox 1 Iarray 0 url images 01 jpg Iarray 1 url images 02 jpg Iarray 2 url images 03 jpg Iarray 3 url images 04 jpg else Iarray 0 url images 01 jpg Iarray 1 url images 02 jpg Iarray 2 url images 03 jpg Iarray 3 url images 04 jpg var obj document getElementById Dbox var obj1 document getElementById Dcontent1 var obj2 document getElementById Dcontent2 var objB document getElementById Dbutton getElementsByTagName li var T var p false obj2 style marginTop 0 px obj1 style backgroundImage Iarray 0 obj2 style backgroundImage Iarray 1 obj onmouseover function p true obj onmouseout function p false function Ascroll if parseInt obj2 style marginTop 210 obj2 style marginTop parseInt obj2 style marginTop 5 px else if p clearInterval T setTimeout A 3000 obj1 style backgroundImage obj2 style backgroundImage Cimg Abutton obj2 style marginTop 0 px function A T setInterval Ascroll 20 A function Cimg switch obj1 style backgroundImage case Iarray 0 obj2 style backgroundImage Iarray 1 break case Iarray 1 obj2 style backgroundImage Iarray 2 break case Iarray 2 obj2 style backgroundImage Iarray 3 break case Iarray 3 obj2 style backgroundImage Iarray 0 break function C i for var n 0 n 4 n if n i objB item n style backgroundColor ff0000 else objB item n style backgroundColor cccccc function B i switch i case 0 obj2 style backgroundImage Iarray 0 break case 1 obj2 style backgroundImage Iarray 1 break case 2 obj2 style backgroundImage Iarray 2 break case 3 obj2 style backgroundImage Iarray 3 break function Abutton switch obj2 style background