:::滑鼠走馬燈:::
範例
水平方向如本頁
﹝垂直方向測試頁﹞
                                
貼在<body> 這裡 </body>

可更改的部份:

1. var scroller_msg='輸入文字內容'//2) ...

2. document.write('<marquee id="curscroll" scrollamount="3" style="position:absolute;width:100px;border:1px solid #cc99ff ;

font-size:12px;background-color:#ffe8ff;visibility:hidden;color:#ee1191">'+scroller_msg+'</marquee>')

scrollamount="3" →  速度,數目越大越快。

width:100px;border:1px solid #cc99ff → 面板的寬度、外框的粗細、色彩。

font-size:12px;background-color:#ffe8ff;visibility:hidden;color:#ee1191 →字體的級數、面板的色彩、字體的色彩。

3. 在 document.write('<marquee id="curscroll" scrollamount="3"........)加入

document.write('<marquee id="curscroll"  behavior="alternate" scrollamount="3".....) 內容跑一次後會變成交替跑動,此時面板的寬度與內容要相互搭配。

4.  在 document.write('<marquee id="curscroll" scrollamount="3"........)加入document.write('<marquee id="curscroll" direction="right" scrollamount="3"........) 內容文字跑動的方向會向右邊。

 --隨意玩網--語法練習--
△TOP