Dream Park教學部

跑馬燈圖片連結

Sample : 圖片不單只會像跑馬燈般捲動～而且還可以把滑鼠放在圖片上讓它停下來～隨你喜歡再加上你的連結～☆

Part 1 ：　按Ctrl+C把以下框內編碼複製，貼在<body></body>之內

<script language="JavaScript1.2">
<!--
var sliderwidth=300
var sliderheight=133
var slidespeed=5

var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="連結網址" target="_BLANK"><img src="圖檔網址" border=0></a>'
leftrightslide[1]='<a href="連結網址" target="_BLANK"><img src="圖檔網址" border=0></a>'
leftrightslide[2]='<a href="連結網址" target="_BLANK"><img src="圖檔網址" border=0></a>'

var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"  "


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 Function("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+'')
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>

<html>

<head>

</head>

<body>

貼在這裡

</body>

</html>

【說明】

修改圖檔及網址

var sliderwidth=300 ←顯示範圍寬度
var sliderheight=133 ←顯示範圍高度
var slidespeed=5 ←跑馬燈速度