昨天在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是用來製作跑馬燈式的捲動式文字;使用的屬性說明如下:
|
| <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> |
用放入超連結
再用 |
| <hr size="1″ color="green"> | 畫一條1像素的橫線(Horizontal Rule) |
|
target="_blank"> |
再加第二本書 |
| 剛讀完的書: 豐臣秀長 你的桶子有多滿? |
用超連結的方式顯示另兩本書 |
| 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)


















妳好~可以請教一下~如何寫一個留言版呢?謝謝~
請試Shoutmix: http://www.jasonshow.com/archives/2005/04/cccshoutmixceie.html
感謝妳的大力幫忙~
您好,想請教您如何在樂多部落格插入跑馬燈??
看懂了.謝謝
你的格格真是棒透了 來向你學跑馬燈製作有一個問題想要請教一下如果你這範例的這些書不是圖案 只是光是書名的文字(但一樣要作超連結)的話 那這語法該怎麼寫呢不好意思哦 因為我對這方面有點白痴所以不會舉一反三先謝謝你囉 ^^
大致像這樣吧:書名1書名2書名3
有成功了 很感謝您的協助 ^^放在我的右側的第一個自由欄位裏只是還醜醜怪怪的 我正在想要怎麼修改…