<!---// load jQuery from the GoogleAPIs CDN //--->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.marquee.js"></script>
 
<link type="text/css" href="css/jquery.marquee.css" rel="stylesheet" media="all" />

<!---// load jQuery from the GoogleAPIs CDN //---> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.marquee.js"></script> <link type="text/css" href="css/jquery.marquee.css" rel="stylesheet" media="all" />

<ul id="marquee" class="marquee">
  <li>New #1</li>
  <li>New #2</li>
  <li>New #3</li>
</ul>

<ul id="marquee" class="marquee"> <li>New #1</li> <li>New #2</li> <li>New #3</li> </ul>

<script type="text/javascript">
$(document).ready(function (){
  $("#marquee").marquee({yScroll: "bottom"});
});
</script>

<script type="text/javascript"> $(document).ready(function (){ $("#marquee").marquee({yScroll: "bottom"}); }); </script>

{ 
    yScroll: "top"	//ตำแหน่งเริ่มต้นที่จะให้เลื่อน เลื่อนจากล่างขึ้นบนหรือบนลงล่าง ("top" or "bottom")
    , showSpeed: 850 //ความเร็วในการแสดงแอนิเมชั่นตอนแสดงข้อความ
    , scrollSpeed: 12  //ความเร็วในการเคลื่อนที่ข้อความ ตั้งให้ต่ำไว้
    , pauseSpeed: 5000 //หน่วงเวลาก่อนจะแสดงข้อความถัดไป
    , pauseOnHover: true //ให้หยุดเมื่อเอาเมาส์ไปชี้หรือไม่ (true/false)
    , loop: -1 //จำนวนรอบในการแสดงข้อความ (ถ้าน้อยกว่า 0 คือไม่จำกัด ให้แสดงวนไปเรื่อยๆ)
    , fxEasingShow: "swing" //แอนิเมชั่นที่ใช้ลบข้อความเก่า ตอนเปลี่ยนข้อความ
    , fxEasingScroll: "linear" //แอนิเมชั่นที่ใช้ตอนแสดงข้อความใหม่
 
    // define the class statements 
    , cssShowing: "marquee-showing" //อันนี้ยังไม่ได้ทดลอง
 
    // event handlers 
    , init: null // callback function ที่จะให้ทำงานเมื่อปลั๊กอินเริ่มทำงาน
    , beforeshow: null // callback function ที่จะให้ทำงานก่อนแสดงข้อความ
    , show: null // callback function ที่จะให้ทำงานหลังจากข้อความแสดงขึ้นมา
    , aftershow: null // callback function ที่จะให้ทำงานหลังจากข้อความเลื่อนเสร็จ
}

{ yScroll: "top" //ตำแหน่งเริ่มต้นที่จะให้เลื่อน เลื่อนจากล่างขึ้นบนหรือบนลงล่าง ("top" or "bottom") , showSpeed: 850 //ความเร็วในการแสดงแอนิเมชั่นตอนแสดงข้อความ , scrollSpeed: 12 //ความเร็วในการเคลื่อนที่ข้อความ ตั้งให้ต่ำไว้ , pauseSpeed: 5000 //หน่วงเวลาก่อนจะแสดงข้อความถัดไป , pauseOnHover: true //ให้หยุดเมื่อเอาเมาส์ไปชี้หรือไม่ (true/false) , loop: -1 //จำนวนรอบในการแสดงข้อความ (ถ้าน้อยกว่า 0 คือไม่จำกัด ให้แสดงวนไปเรื่อยๆ) , fxEasingShow: "swing" //แอนิเมชั่นที่ใช้ลบข้อความเก่า ตอนเปลี่ยนข้อความ , fxEasingScroll: "linear" //แอนิเมชั่นที่ใช้ตอนแสดงข้อความใหม่ // define the class statements , cssShowing: "marquee-showing" //อันนี้ยังไม่ได้ทดลอง // event handlers , init: null // callback function ที่จะให้ทำงานเมื่อปลั๊กอินเริ่มทำงาน , beforeshow: null // callback function ที่จะให้ทำงานก่อนแสดงข้อความ , show: null // callback function ที่จะให้ทำงานหลังจากข้อความแสดงขึ้นมา , aftershow: null // callback function ที่จะให้ทำงานหลังจากข้อความเลื่อนเสร็จ }

<script type="text/javascript">
$(document).ready(function (){
  $("#marquee").marquee({
  		yScroll: "bottom",
		scrollSpeed: 10,
		pauseSpeed: 2000
	});
});
</script>

<script type="text/javascript"> $(document).ready(function (){ $("#marquee").marquee({ yScroll: "bottom", scrollSpeed: 10, pauseSpeed: 2000 }); }); </script>