厦门华侨大学学费:如何实现网页中一行图片连续横向滚动

来源:百度文库 编辑:神马品牌网 时间:2024/05/03 09:40:48
如果使用marquee标签,虽然可以实现图片滚动,但只有当全部图片滚动1次后,第2次滚动才开始,这样就不连续了,有没有办法让图片滚动连续起来?也就是说让两次滚动的图片首尾相接不间断。望高手赐教!用js也行。

只能用JS,
<!-简便型logo图片横向滚动代码-><br><br>
<script language="JavaScript1.2">
<!--
var sliderwidth=550
var sliderheight=31
var slidespeed=4

var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://nknucc.nknu.edu.tw/~s1378/wjs-4.htm"><img src="http://nknucc.nknu.edu.tw/~s1378/logo030.gif" border=1></a>'
leftrightslide[1]='<a href="http://nknucc.nknu.edu.tw/~s1378/wjs-13.htm"><img src="http://nknucc.nknu.edu.tw/~s1378/logo032.gif" border=1></a>'
leftrightslide[2]='<a href="http://nknucc.nknu.edu.tw/~s1378/wjs-27000.htm"><img src="http://nknucc.nknu.edu.tw/~s1378/logo034.gif" border=1></a>'
leftrightslide[3]='<a href="http://nknucc.nknu.edu.tw/~s1378/wjs-11-gfm.htm"><img src="http://nknucc.nknu.edu.tw/~s1378/logo031.gif" border=1></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide+" "

if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Funct ion("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}

function regenerate(){
window.location.reload()
}
function regenerate112(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}

function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}

function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate112

//-->
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed">
</layer>
</ilayer>
还有一个方法晚些时候告诉你,更简单的.我正在测试!