ตัวอย่าง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 ]