[Blog] 製作跑馬燈式的最近閱讀書籍清單
 2005/05/31 |  分類： Blog工具箱
 | 點擊數: 5 / 4403
昨天在Blog上裝上跑馬燈式的最近閱讀的書籍清單，以下列出作法供需要者參考（範例請看我Blog首頁）。
插入自由欄位的HTML原始碼：
onmouseover="this.stop();" onmouseout="this.start();" align="center">
剛讀完的書：
豐臣秀長
你的桶子有多滿？
有空時會看的日劇－水男孩：
|
分段解說如下：
<marquee scrollamount="1″ direction="up" width="200″ height="120″
onmouseover="this.stop();" onmouseout="this.start();" align="center"> |
marquee是用來製作跑馬燈式的捲動式文字；使用的屬性說明如下：
- scrollamount: 一次捲動多少像素
- direction: 捲動方向；up=向上捲動
- width、height: 作用範圍寬、高各200px與120px
- onmouseover: 滑鼠一移入就停止捲動
- onmouseout: 滑鼠一移出就開始捲動
- align: 置中顯示
|
<a href="http://www.books.com.tw/exep/prod/booksfile.php?item=0010287518&"
target="_blank">
<img alt="思考的技術" src="http://addons.books.com.tw/G/8/0010287518.jpg"/>
</a> |
用放入超連結
- href: 連結到指定的網址
- target: _blank代表將網址開啟到新的視窗
再用![]() 加入書籍的圖形檔；為了怕可能讀不到指定網站的圖檔，必須用 alt 指定顯示用的文字 |
| <hr size="1″ color="green"> |
畫一條1像素的橫線(Horizontal Rule) |
target="_blank">
![宏碁的世紀變革]()
src="http://www.bookzone.com.tw/book/bkimages/book/P_CB301.gif"/>
|
再加第二本書 |
剛讀完的書：
豐臣秀長
你的桶子有多滿？
|
用超連結的方式顯示另兩本書 |
| marquee> |
|
另外，要特別提醒大家的：
Xuite的自由欄位在修改模式下，會把英文全部轉成小寫，如果指定網址不是運作在Windows系統，那麼網址的大小寫是不一樣的，因此修改時必須特別注意網址是否被轉掉了；例如「思考的技術」這本書使用博客來的圖檔，網址是：
http://addons.books.com.tw/G/8/0010287518.jpg
網址中有個大寫的G，修改時都被轉成小寫，導致捲動時因找不到圖檔而出現紅叉叉。
這個茶包．．．害我浪費好多時間．．．
您可能也會有興趣的類似文章
- 側邊加入迷你水族箱 (3則留言, 2006/09/17)
- [轉貼] Blogging十誡 (3則留言, 2005/02/15)
- [Site] Blog平台新選擇：Xuite (3則留言, 2005/03/14)
- 「網頁載入中，請稍候．．．」的簡單作法 (17則留言, 2007/05/02)
- [Blog] 在首頁顯示即時新聞 (0則留言, 2005/05/23)
- 修改自動產生分享書籤的按鈕 (4則留言, 2007/02/11)
- [Xuite] 自由欄位設定的問題 (4則留言, 2005/04/16)
- Xuite樣式研讀攻略！ (1則留言, 2005/06/04)
- [創作] 個人網頁全都連：Show Yourself Generator V1.0 (0則留言, 2007/04/21)
- Xuite網址的正規運算式測試 (1則留言, 2007/04/30)
- Xuite 浮光掠影的映像介紹 (0則留言, 2005/03/29)
- Xuite再度變身！ (0則留言, 2007/08/31)
- [轉貼] 全民擁抱BLOG (0則留言, 2005/05/01)
- [Xuite] 文章標題列樣式的簡單變化 (0則留言, 2005/06/04)
- [Blog] 加入Furl與del.icio.us的連結 (0則留言, 2005/03/04)
隨機文章- AutoHotkey：在FireFox裡用鍵盤瀏覽網頁 (2)
- 五指操控Firefox的「仿Vim」擴充套件: Vimperator/Pentadactyl (6)
- 手動撰寫WordPress隨機文章功能 (2)
- [轉貼] Blogging十誡 (3)
- [OOo] 換行與鎖定
- ClipMate 6.5: 物超所值的剪貼簿工具 (1)
- 蘋果創辦人喬布斯 討厭按鈕
- [Tools] 為硬碟做健康檢查：HDDlife; 硬碟測試：HD_Speed、HD Tune
- 用FinchSync同步Thunderbird與HTC Touch HD的聯絡人資料 (3)
- Belvedere: 檔案管理自動化工具
歷史熱門文章
- 如何手動輸入Plurk的表情圖示？ (353,109 點擊/2008-09-29)
- 簡單放大Plurk輸入區的方法[修訂] (86,930 點擊/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (84,081 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (83,126 點擊/2009-07-04)
- 網路升級光世代50M/3M與設定ZyXEL P874 (53,334 點擊/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (43,183 點擊/2008-04-10)
- iPad新手入門技巧 (40,448 點擊/2011-02-05)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (38,152 點擊/2010-04-27)
- 把HTC Touch HD操作介面換成Spb Mobile Shell，美觀又便利! (37,958 點擊/2009-02-18)
- 另一套適用手機的影片轉檔工具：WinAVI 3GP/MP4/PSP/iPod Video Converter (35,924 點擊/2009-04-18)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示？ (353,109 views/2008-09-29)
- 簡單放大Plurk輸入區的方法[修訂] (86,930 views/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (84,081 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (83,126 views/2009-07-04)
- 網路升級光世代50M/3M與設定ZyXEL P874 (53,334 views/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (43,183 views/2008-04-10)
- iPad新手入門技巧 (40,448 views/2011-02-05)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (38,152 views/2010-04-27)
- 把HTC Touch HD操作介面換成Spb Mobile Shell，美觀又便利! (37,958 views/2009-02-18)
- 另一套適用手機的影片轉檔工具：WinAVI 3GP/MP4/PSP/iPod Video Converter (35,924 views/2009-04-18)
|
標籤：
Loading ...
妳好~可以請教一下~如何寫一個留言版呢?謝謝~
請試Shoutmix: http://www.jasonshow.com/archives/2005/04/cccshoutmixceie.html
感謝妳的大力幫忙~
您好,想請教您如何在樂多部落格插入跑馬燈??
看懂了.謝謝
你的格格真是棒透了 來向你學跑馬燈製作有一個問題想要請教一下如果你這範例的這些書不是圖案 只是光是書名的文字(但一樣要作超連結)的話 那這語法該怎麼寫呢不好意思哦 因為我對這方面有點白痴所以不會舉一反三先謝謝你囉 ^^
大致像這樣吧：書名1書名2書名3
有成功了 很感謝您的協助 ^^放在我的右側的第一個自由欄位裏只是還醜醜怪怪的 我正在想要怎麼修改…