08 六月
HTML 跑馬燈MARQUEE
今天教用跑馬燈表現，利用的是HTML標籤「MARQUEE」。
<marquee>捲捲米花向左跑</marquee>
只要用此語法，就會有跑馬燈了，是不是很簡單？
如果想要像佳佳一樣，跑馬燈是由下往上跑，並且滑鼠移過去、會停下，滑鼠移開、會再開始跑動，利用以下語法就可以囉！
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" height="50" direction="up" scrollamount="1">捲捲米花向上跑</marquee>
●說明
onMouseOver="this.stop()" onMouseOut="this.start()" ：是滑鼠移入、移出的動作，可以不用變動
height="50" ：是設定高度，單位是px，預設為內容高。
direction="up" ：是設定內容的移動方向，預設為left。共由4個方向：up（往上）、down（往下）、left（往左）以及right（往右）。
scrollamount="1"：是設定內容的移動速度，單位是px。數字愈大，跑愈快，如果設成0，就完全不動了。
大家試試看，簡單又有趣，您也可以讓多張圖一起跑動，希望對大家有幫助喔
08 六月 2009, 17:39
小老師....好厲害ㄛ！
很喜歡「佳佳碎碎念」單元ㄋㄟ，很感性.
09 六月 2009, 15:41
呵呵~^^
您的泡芙也好厲害!
您的糕點教室也讓人口水直流呢~
12 六月 2009, 20:07
小米花佳佳好!:)
Erin很懶的，Erin看過相似的教學，也覺得這功能很炫，但就是還沒有動手做一個來玩玩說!:):)可是...卻想問一個問題耶!!:)
小米花有看過玩子老師家的跑馬燈式新聞直播嗎?它不是持續捲動的，而是會規律的停頓，然後換下一個。Erin個人認為這樣的方式較容易閱讀說。
小米花知道那語法嗎?...若不知道沒關係喔，不用去找啦!就依玩子老師喜歡的方式 - 隨緣就可以了。:P
另外，小米花應該有從事網頁設計吧!?Erin也在學網頁設計，還是初級，蠻想看看小米花的作品呢!可以告訴Erin一、兩個，讓Erin觀摩觀摩嗎?
~Erin:):)
15 六月 2009, 00:19
小米花啊啊啊! Erin來坐坐啦! 坐著，看著螢幕，打著字，想著小米花，還......吃著香蕉啦!!:):)
~來小米花的窩坐一會的 Erin:P
19 六月 2009, 14:04
Erin好!! 佳佳好高興每次總能在這裡看到熱情的Erin留言, 感覺到好溫暖喔!! 好感動~
關於玩子老師的跑馬燈式新聞, 是使用javascript的語法, 所以可以控制物件停留的時間, 例 http://www.programmer-club.com.tw/ShowSameTitleN/javascript/6661.html ,
目前佳佳的碎碎念沒有使用這種語法, 會試試看^^, 謝謝Erin的建議!
最近香蕉很好吃, 佳佳也愛吃! 一邊吃, 一邊祝Erin身體健康喔!
23 六月 2009, 04:45
謝謝小米花!:)
javascript的語法...嗯~Erin看了一下，原來是這語法啊，真高興知道，雖然...還沒完全搞懂啦!...沒關係，Erin有空時會再研究研究的。
感謝ㄋㄟ，小米花!
香蕉是吧!告訴小米花喔，在倫敦，香蕉、蘋果和葡萄好像一年四季都盛產似的，感覺上每個人每天都得吃上一根香蕉、一顆蘋果或是一小串葡萄說。而且，在世界聞名的古老倫敦地鐵上很有可能會看到這樣的場景: 一位穿著西裝筆挺的英倫紳士，在上班的途中連公事包都不用提，手裡就握著一根香蕉說。好玩吧!
與小米花分享。
23 六月 2009, 04:46
另外，雅文老師試了小米花的跑馬燈語法了喔! 雅文老師發現這語法要加上iframe嵌入語法才能在部落格中作用。Erin把雅文老師部落格的連結加在此(請點我)，讓到訪者也參考一下囉!
雅文老師還說小米花佳佳實在太棒了呢!!
24 六月 2009, 16:07
謝謝Erin分享^^, 能知道國外的生活習慣, 真的很讓人興奮呢! 真想出去看看!
雅文老師說的對極了, 如果是要張貼文章, 在編輯文章時, 如果直接貼跑馬燈的語法, 是會被吃掉的(無法正常顯示), 所以可以按照雅文老師的做法來顯示, 雅文老師真的很棒!
但佳佳是直接去修改模版裡的語法, 所以, 如果是要修改模版內的樣式, 可以不用加上iframe, 就可以正常顯示囉! 也一併提供給大家參考^^
謝謝Erin來此分享給網友們參考, 真貼心!