ตัวอย่างScollMaquee

 

 

 1. ส่วนที่เปลี่ยนแลงได้ตามต้องการคีอตรงบรรทัดที่16ที่เป็น var marqueecontent='<font   face=".......".>xxxxxxxxxxxxx</font>
 2. เปลี่ยนตัวอักษร,สี,ขนาด และใส่ข้อความแบบ code HTML
 3.เพิ่มลดความกว้างความสูงของmarqueeได้ตรงยรรทัดที่10-12ที่ var marqueewidth=150  var marqueeheight=150
4.ในCodeสามารถที่จะใส่รูปได้(ใส่แบบCodeHTML)ขนาดรูปอย่าให้ใหญ่กว่าความกว้างความสูงของmarqueeที่กำหนดไว้

 

Code

<script language="JavaScript1.2">

/*

Cross browser marquee script II-

ฉ Dynamic Drive (www.dynamicdrive.com)

For full source code, installation instructions,

100's more DHTML scripts, and Terms Of

Use, visit dynamicdrive.com

*/

 

//Specify the marquee's width (in pixels)

var marqueewidth=150

//Specify the marquee's height

var marqueeheight=150

//Specify the marquee's scroll speed (larger is faster)

var speed=2

//Specify the marquee contents

var marqueecontents='<font face="AngsanaUPC,MS Sans Serif"><strong><big>ขอบคุณที่ใช้บริการของเรา<br> <a href="http://geocities.com/banabana_web/index.html">BanaBana</a><br> ถ้าคุณต้องการดู sourcecodeอย่างอื่น <br><a href="code_scollmessage.html">...คลิกที่นี่ครับ...</a><br>... ขอบคุณครับ...</big></strong></font>'

if (document.all)

document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers){

setTimeout("window.onresize=regenerate",450)

intializemarquee()

}

}

function intializemarquee(){

document.cmarquee01.document.cmarquee02.document.write(marqueecontents)

document.cmarquee01.document.cmarquee02.document.close()

thelength=document.cmarquee01.document.cmarquee02.document.height

scrollit()

}

function scrollit(){

if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){

document.cmarquee01.document.cmarquee02.top-=speed

setTimeout("scrollit()",100)

}

else{

document.cmarquee01.document.cmarquee02.top=marqueeheight

scrollit()

}

}

window.onload=regenerate2

</script>

 

<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">

<layer name="cmarquee02" width=&{marqueewidth}; height=&{marqueeheight};></layer>

</ilayer>

 

[ Home ]  [ Chatroom ]  [ Board 1]  [Board 2 ]  [ Book ]  [ Sourcecode ]  [ Free ]  [ Servicesite ]  [ Link ]

1