實作時，除了要引用 Mooquee 程式庫外，你還需要搭配 MooTools 1.2。在建構 Mooquee 物件時，你可以設定以下建構選項：
- element：指定做為跑馬燈區塊的 HTML 元素識別碼。
- cssitem：指定播放項目的樣式類別名稱。
- firstitem：指定第一個播放項目的索引。
- direction：以 up、down、left 或 right 指定跑馬燈移動的方向。
- pause：以秒為單位指定每次停止時間，且必須大於或等於 duration 的值，其預設值為 1 秒。
- duration：以秒為單位指定每次移動所需時間，其預設值為 1 秒。
- overflow：設定當內容超出跑馬燈區塊範圍時的處理方式，預設值為 hidden。
- startOnLoad：指定是否自動播放，預設值為 true。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Mooquee Example</title>
<style type="text/css">
#mooquee_container {
width: 200px;
height: 20px;
border: 1px solid;
}
.mooquee_item {
background-color: #ffffff;
}
</style>
<script type="text/javascript" src="mootools-1.2-core.js"></script>
<script type="text/javascript" src="Mooquee.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var mooquee = new Mooquee({
element:'mooquee_container',
cssitem:'mooquee_item',
direction:'up',
duration:1,
pause:2,
firstitem:0
});
});
</script>
</head>
<body>
<div id="mooquee_container">
<div class="mooquee_item">跑馬燈訊息第 1 則</div>
<div class="mooquee_item">跑馬燈訊息第 2 則</div>
<div class="mooquee_item">跑馬燈訊息第 3 則</div>
</div>
</body>
</html>
這個語法在IE8似乎會有error！
Meow
2009年10月16日 下午3:02I am truly happy to post my comment on your blog. I'm glad that you shared this helpful info with us.
business financing
2011年5月21日 上午10:28