以jQuery模擬跑馬燈<margeen>的範例
在<head>區段中先置入以下的語法
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> // wrap "My Text" with a span (IE doesn't like divs inline-block) // marquee.wrapInner("<div>"); // var reset = function() { |
<div id="marquee" >Your html …</div> |
實例 Demo: http://web.systemlead.com/富鼎/test_marquee_Robin.htm
直接下載可執行範例:https://dotblogsfile.blob.core.windows.net/user/robin/1009/201092725018764.zip
注意事項
- <div id=”marquee”>若有<div> 或 <Table>可能會有跑位的現象
- jQuery中的紅字部份可以調整速度
- 目前在IE 8, IE9, Chrome, Firefox測試正常, 但IE 7 尚有跑位的問題正在克服中