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

图片向上滚动

<div id="article1" style="width:220; height:150px;">

<img src=http://www.sjz315.org/images/xxdt/2.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/3.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/4.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/5.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/6.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/7.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/1.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/11.gif width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/1r.gif width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/1t.gif width=220 height=150 border=0>

</div> 
<div id="article2" style="position:absolute;z-index:1;visibility:hidden"></div>

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0AarticleHeight%3D150%3B%20%0D%0Astopscrolla%3Dfalse%3B%20%0D%0Aarticle1.scrollTop%3D0%3B%20%0D%0A%2F%2Fmore%20javascript%20from%20http%3A%2F%2Fwww.webjx.com%20%0D%0Awith(article1)%7B%20%0D%0A%20%20style.width%3D0%3B%20%0D%0A%20%20style.height%3DarticleHeight%3B%20%0D%0A%20%20style.overflowX%3D%22visible%22%3B%20%0D%0A%20%20style.overflowY%3D%22hidden%22%3B%20%0D%0A%20%20noWrap%3Dtrue%3B%20%0D%0A%20%20onmouseover%3Dnew%20Function(%22stopscrolla%3Dtrue%22)%3B%20%0D%0A%20%20onmouseout%3Dnew%20Function(%22stopscrolla%3Dfalse%22)%3B%20%0D%0A%7D%20%0D%0A%0D%0ApreTopa%3D0%3B%20currentTopa%3D0%3B%20stoptimea%3D0%3B%20%0D%0A%0D%0Afunction%20init_srolltext1()%7B%20%0D%0A%20%20article2.innerHTML%3D%22%22%3B%20%0D%0A%20%20article2.innerHTML%2B%3Darticle1.innerHTML%3B%20%20%20%20%20%0D%0A%20%20article1.innerHTML%3Darticle2.innerHTML%2Barticle2.innerHTML%3B%20%0D%0A%20%20setInterval(%22scrollUp1()%22%2C50)%3B%20%0D%0A%7D%20%0D%0Afunction%20scrollUp1()%7B%20%0D%0A%20%20if(stopscrolla%3D%3Dtrue)%20return%3B%20%0D%0A%20%20currentTopa%2B%3D1%3B%20%0D%0A%20%20if(currentTopa%3D%3D151)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20stoptimea%2B%3D1%3B%20%0D%0A%20%20%20currentTopa-%3D1%3B%20%0D%0A%20%20%20if(stoptimea%3D%3D50)%20%20%0D%0A%20%20%20%7B%20%0D%0A%20%20%20%20currentTopa%3D0%3B%20%0D%0A%20%20%20%20stoptimea%3D0%3B%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20else%20%7B%20%20%20%20%0D%0A%20%20%20preTopa%3Darticle1.scrollTop%3B%20%0D%0A%20%20%20article1.scrollTop%2B%3D1%3B%20%0D%0A%20%20%20if(preTopa%3D%3Darticle1.scrollTop)%7B%20%0D%0A%20%20%20%20%20article1.scrollTop%3Darticle2.offsetHeight-articleHeight%3B%20%0D%0A%20%20%20%20%20article1.scrollTop%2B%3D1%3B%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%0D%0A%7D%20%0D%0Ainit_srolltext1()%3B%20%0D%0A%20%20%20%20%20%20%3C%2Fscript%3E">

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

教程首页更多教程