管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

符合web标准的连续滚动图像的js代码

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0A%2F%2Fmore%20javascript%20from%20http%3A%2F%2Fwww.smallrain.net%20%0D%0Avar%20images%3DArray()%3B%20%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F1.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F2.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F3.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F4.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F5.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F6.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F7.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%0D%0Aimages.push(%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F8.jpg%22)%3B%20%0D%0Aimages.push(%22%23%22)%3B%20%0D%0A%2F%2FSpecify%20the%20slider's%20width%20(in%20pixels)%20%0D%0Avar%20sliderwidth%3D695%20%0D%0A%2F%2FSpecify%20the%20slider's%20height%20%0D%0Avar%20sliderheight%3D82%20%0D%0A%2F%2FSpecify%20the%20slider's%20slide%20speed%20(larger%20is%20faster%201-10)%20%0D%0Avar%20slidespeed%3D1%20%0D%0A%2F%2Fconfigure%20background%20color%3A%20%0D%0Aslidebgcolor%3D%22%23fff%22%20%0D%0A%2F%2FSpecify%20the%20slider's%20images%20%0D%0Avar%20leftrightslide%3Dnew%20Array()%20%0D%0Avar%20finalslide%3D''%20%0D%0Aleftrightslide%5B0%5D%3D'%3Ctable%20border%3D%220%22%20%20cellspacing%3D%2213%22%20cellpadding%3D%220%22%20width%3D%22695px%22%20style%3D%22margin-top%3A-10px%22%3E'%2B%20%0D%0A%20%20%20%20%20%20%20%20%20%20'%3Ctr%20align%3D%22center%22%3E'%3B%20%0D%0Avar%20size%3Dimages.length%2F2%3B%20%0D%0Afor(var%20i%3D0%3Bi%3Csize%3Bi%2B%2B)%20%0D%0A%20%20%20%20leftrightslide%5B0%5D%2B%3D%22%3Ctd%20width%3D'80'%20height%3D'62'%3E%3Cdiv%20onclick%3D%5C%22window.open('%22%2Bimages%5Bi*2%2B1%5D%2B%22')%3B%5C%22%20style%3D%5C%22cursor%3Apointer%3Bwidth%3A72px%3Bheight%3A62px%3Bbackground%3Aurl(%22%2Bimages%5Bi*2%5D%2B%22)%20no-repeat%3B%5C%22%3E%3Cimg%20src%3D%5C%22http%3A%2F%2Fwww.smallrain.net%2Fjsimg%2F2006_12_19%2F2006121915522247333.gif%5C%22%20width%3D%5C%2272%5C%22%20height%3D%5C%2262%5C%22%20border%3D%5C%220%5C%22%20%2F%3E%3C%2Fdiv%3E%3C%2Ftd%3E%22%3B%20%0D%0Aleftrightslide%5B0%5D%2B%3D'%3C%2Ftr%3E%3C%2Ftable%3E'%3B%20%0D%0A%2F%2F%2F%2FNO%20NEED%20TO%20EDIT%20BELOW%20THIS%20LINE%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%20%0D%0Avar%20copyspeed%3Dslidespeed%20%0D%0Aleftrightslide%3D'%3Cnobr%3E'%2Bleftrightslide.join(%22%20%22)%2B'%3C%2Fnobr%3E'%20%0D%0Avar%20iedom%3Ddocument.all%7C%7Cdocument.getElementById%20%0D%0Aif%20(iedom)%20%0D%0Adocument.write('%3Cspan%20id%3D%22temp%22%20style%3D%22visibility%3Ahidden%3Bposition%3Aabsolute%3Btop%3A0%3Bleft%3A0%22%3E'%2Bleftrightslide%2B'%3C%2Fspan%3E')%20%0D%0Avar%20actualwidth%3D''%20%0D%0Avar%20cross_slide%2C%20ns_slide%20%0D%0A%0D%0Afunction%20fillup()%7B%20%0D%0Aif%20(iedom)%7B%20%0D%0Across_slide%3Ddocument.getElementById%3F%20document.getElementById(%22test2%22)%20%3A%20document.all.test2%20%0D%0Across_slide2%3Ddocument.getElementById%3F%20document.getElementById(%22test3%22)%20%3A%20document.all.test3%20%0D%0Across_slide.innerHTML%3Dcross_slide2.innerHTML%3Dleftrightslide%20%0D%0Aactualwidth%3Ddocument.all%3F%20cross_slide.offsetWidth%20%3A%20document.getElementById(%22temp%22).offsetWidth%20%0D%0Across_slide2.style.left%3Dactualwidth-5%20%0D%0A%7D%20%0D%0Aelse%20if%20(document.layers)%7B%20%0D%0Ans_slide%3Ddocument.ns_slidemenu.document.ns_slidemenu2%20%0D%0Ans_slide2%3Ddocument.ns_slidemenu.document.ns_slidemenu3%20%0D%0Ans_slide.document.write(leftrightslide)%20%0D%0Ans_slide.document.close()%20%0D%0Aactualwidth%3Dns_slide.document.width%20%0D%0Ans_slide2.left%3Dactualwidth%20%0D%0Ans_slide2.document.write(leftrightslide)%20%0D%0Ans_slide2.document.close()%20%0D%0A%7D%20%0D%0Alefttime%3DsetInterval(%22slideleft()%22%2C30)%20%0D%0A%7D%20%0D%0Awindow.onload%3Dfillup%20%0D%0A%0D%0Afunction%20slideleft()%7B%20%0D%0Aif%20(iedom)%7B%20%0D%0Aif%20(parseInt(cross_slide.style.left)%3E(actualwidth*(-1)%2B8))%20%0D%0Across_slide.style.left%3DparseInt(cross_slide.style.left)-copyspeed%20%0D%0Aelse%20%0D%0Across_slide.style.left%3DparseInt(cross_slide2.style.left)%2Bactualwidth-5%20%0D%0A%0D%0Aif%20(parseInt(cross_slide2.style.left)%3E(actualwidth*(-1)%2B8))%20%0D%0Across_slide2.style.left%3DparseInt(cross_slide2.style.left)-copyspeed%20%0D%0Aelse%20%0D%0Across_slide2.style.left%3DparseInt(cross_slide.style.left)%2Bactualwidth-5%20%0D%0A%0D%0A%7D%20%0D%0Aelse%20if%20(document.layers)%7B%20%0D%0Aif%20(ns_slide.left%3E(actualwidth*(-1)%2B8))%20%0D%0Ans_slide.left-%3Dcopyspeed%20%0D%0Aelse%20%0D%0Ans_slide.left%3Dns_slide2.left%2Bactualwidth%20%0D%0A%0D%0Aif%20(ns_slide2.left%3E(actualwidth*(-1)%2B8))%20%0D%0Ans_slide2.left-%3Dcopyspeed%20%0D%0Aelse%20%0D%0Ans_slide2.left%3Dns_slide.left%2Bactualwidth%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0Aif%20(iedom%7C%7Cdocument.layers)%7B%20%0D%0Awith%20(document)%7B%20%0D%0Adocument.write('%3Ctable%20border%3D%220%22%20cellspacing%3D%220%22%20cellpadding%3D%220%22%3E%3Ctd%3E')%20%0D%0Aif%20(iedom)%7B%20%0D%0Awrite('%3Cdiv%20style%3D%22position%3Arelative%3Bwidth%3A'%2Bsliderwidth%2B'%3Bheight%3A'%2Bsliderheight%2B'%3Boverflow%3Ahidden%22%3E')%20%0D%0Awrite('%3Cdiv%20style%3D%22position%3Aabsolute%3Bwidth%3A'%2Bsliderwidth%2B'%3Bheight%3A'%2Bsliderheight%2B'%3Bbackground-color%3A'%2Bslidebgcolor%2B'%22%20onMouseover%3D%22copyspeed%3D0%22%20onMouseout%3D%22copyspeed%3Dslidespeed%22%3E')%20%0D%0Awrite('%3Cdiv%20id%3D%22test2%22%20style%3D%22width%3A695px%3Bposition%3Aabsolute%3Bleft%3A0%3Btop%3A0%22%3E%3C%2Fdiv%3E')%20%0D%0Awrite('%3Cdiv%20id%3D%22test3%22%20style%3D%22position%3Aabsolute%3Bleft%3A0%3Btop%3A0%3Bwidth%3A695px%3B%22%3E%3C%2Fdiv%3E')%20%0D%0Awrite('%3C%2Fdiv%3E%3C%2Fdiv%3E')%20%0D%0A%7D%20%0D%0Aelse%20if%20(document.layers)%7B%20%0D%0Awrite('%3Cilayer%20width%3D'%2Bsliderwidth%2B'%20height%3D'%2Bsliderheight%2B'%20name%3D%22ns_slidemenu%22%20bgColor%3D'%2Bslidebgcolor%2B'%3E')%20%0D%0Awrite('%3Clayer%20name%3D%22ns_slidemenu2%22%20left%3D0%20top%3D0%20onMouseover%3D%22copyspeed%3D0%22%20onMouseout%3D%22copyspeed%3Dslidespeed%22%3E%3C%2Flayer%3E')%20%0D%0Awrite('%3Clayer%20name%3D%22ns_slidemenu3%22%20left%3D0%20top%3D0%20onMouseover%3D%22copyspeed%3D0%22%20onMouseout%3D%22copyspeed%3Dslidespeed%22%3E%3C%2Flayer%3E')%20%0D%0Awrite('%3C%2Filayer%3E')%20%0D%0A%7D%20%0D%0Adocument.write('%3C%2Ftd%3E%3C%2Ftable%3E')%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程