[Blog] 製作跑馬燈式的最近閱讀書籍清單
 2005/05/31 |  分類: Blog工具箱
 | 點擊數: 3 / 5029
昨天在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,修改時都被轉成小寫,導致捲動時因找不到圖檔而出現紅叉叉。
這個茶包...害我浪費好多時間...
您可能也會有興趣的類似文章
- 氣象局衛星雲圖修正-討厭,怎麼又改了? (0則留言, 2008/11/03)
- 氣象局衛星雲圖修正 (3則留言, 2006/07/23)
- 修改氣象雲圖範圍為東亞區 (2則留言, 2005/10/01)
- [Xuite] 在Xuite中使用上傳的圖片 (0則留言, 2005/04/15)
- [Xuite] 文章標題列樣式的簡單變化 (0則留言, 2005/06/04)
- 幫Xuite增加單篇文章的雙擊快速編輯功能 (1則留言, 2007/08/15)
- 使用Word 2010 Beta/2007寫Blog文章 (6則留言, 2010/01/19)
- 增加推推王的摘錄推文按鈕 (7則留言, 2007/05/20)
- 在無名小站使用Site Meter計數器的設定方式 (3則留言, 2005/02/12)
- 書籤小貼紙工具:Ultra Network轉址系統 (1則留言, 2007/02/16)
- [創作] 字型工具產生器:動態變更Blog網頁的字型大小 (4則留言, 2007/04/29)
- Xuite樣式研讀攻略! (1則留言, 2005/06/04)
- [Xuite] 如何將文章加入「…more」(繼續閱讀)的方法 (1則留言, 2005/03/16)
- [Xuite] 變更頁首(Banner)的圖片 (修正) (1則留言, 2005/04/09)
- [Xuite] 讓「我的心情」圖形消失 (0則留言, 2005/06/08)
隨機文章- [iReport] 列印名條標籤
- 接聽電話後重新顯示螢幕的偵測軟體:Touch InCall Screen Tweak
- 長頸鹿的眼淚:溫馨感人的偵探故事
- [Database] Aqua Data Studio 4.0.2推出
- IntelliJ IDEA直接開啟專案的方法
- 13個Web 2.0的網路服務
- [QNAP NAS] 用SQLite Manager讀取pyLoad資料
- 簡單放大Plurk輸入區的方法[修訂] (6)
- [Misc] 無名小站的RSS失效? (2)
- 重新安裝NAS TS-109 (2)
歷史熱門文章
- 如何手動輸入Plurk的表情圖示? (367,772 點擊/2008-09-29)
- 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (118,724 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,203 點擊/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,799 點擊/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (71,282 點擊/2011-05-28)
- 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,585 點擊/2008-04-10)
- iPad新手入門技巧 (48,891 點擊/2011-02-05)
- iPad鍵盤輸入全攻略 (42,274 點擊/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,754 點擊/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,550 點擊/2010-01-02)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示? (367,772 views/2008-09-29)
- 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (118,724 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,203 views/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,799 views/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (71,282 views/2011-05-28)
- 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,585 views/2008-04-10)
- iPad新手入門技巧 (48,891 views/2011-02-05)
- iPad鍵盤輸入全攻略 (42,274 views/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,754 views/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,550 views/2010-01-02)
|
妳好~可以請教一下~如何寫一個留言版呢?謝謝~
請試Shoutmix: http://www.jasonshow.com/archives/2005/04/cccshoutmixceie.html
感謝妳的大力幫忙~
您好,想請教您如何在樂多部落格插入跑馬燈??
看懂了.謝謝
你的格格真是棒透了 來向你學跑馬燈製作有一個問題想要請教一下如果你這範例的這些書不是圖案 只是光是書名的文字(但一樣要作超連結)的話 那這語法該怎麼寫呢不好意思哦 因為我對這方面有點白痴所以不會舉一反三先謝謝你囉 ^^
大致像這樣吧:書名1書名2書名3
有成功了 很感謝您的協助 ^^放在我的右側的第一個自由欄位裏只是還醜醜怪怪的 我正在想要怎麼修改…