2009年10月30日 星期五

讓你的部落格標題有跑馬燈效果


看到這個標題跑馬燈(marquee)效果,真的覺得眼睛很花,也覺得很好玩,怎麼會想出這樣的效果,但我想我應該是不會放這東西的,不過還是跟大家分享,有興趣的朋友可以玩看看。


怎麼做呢?
進入後台→版面配置→修改HTML ,然後找到</head>,在上方放入下列程式碼即可。

<script type='text/javascript'>
var txt="歡迎來到綸太郎的影音分享空間,無聊時看看影片,聽聽音樂也是不錯的.";
var espera=200;
var refresco=null;
function rotulo_title()
{
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>

如下圖這樣,


其中
var txt="輸入想顯示的文字"
輸入跑馬燈想顯示的文字,標點符號,記得在英數下輸入,不然會變成亂碼。
var espera=200;
跑馬燈的速度,200我是覺得有點快,我設500,眼睛才不會太累。

其實這個效果讓我想到每次經過一些服飾店,營業人員總是喊著"數量有限,要買要快歐",一直重複著一樣的slogan,真的聽久了會有種彈性疲乏的感覺。

我想除非你的部落格是以銷售產品為主要的內容,且時常更新,可以把最新特價的消息或是舉辦的活動秀在上面,或是財經部落格,哪檔股票又漲了哪檔又跌了,類似快訊的消息,即時提供給讀者,不過資料你也要隨時跟著更新,覺得這個玩意真的可以在第一時間抓住讀者的眼光,有需要的朋友可以試看看效果如何。

如果你也喜歡在部落格裝上跑馬燈效果,建議可以使用網頁元素的小工具新增即可,語法網路找一下就有許多教學了,我個人比較喜歡的是
§ 鏡‧空間 § 設計的工具,可愛又美觀,跟大家分享。

參考來源:
Make your blog name scrolling on browsers

10 則留言:

  1. 可以用在無名嗎?

    回覆刪除
  2. 如果無名有支援java script語言就可以。

    回覆刪除
  3. 嗚嗚…為什麼我按照版主你的做法去做卻被googel當成垃圾blog處理了!!!
    救命…連續两個blog都這樣!

    回覆刪除
  4. blogger上方有標誌令人反感的內容,沒有說是垃圾部落格的東西,你也沒有列出你的實際部落格網址,無法判斷,如果覺得是這個元件造成的,就移除吧。

    回覆刪除
  5. http://circlecomic.blogspot.com/
    http://www.blogger.com/unlock-blog.g?lockedBlogID=8244358097450202644&saved=false

    嗚…
    我安裝其他元件也一樣被警告…
    版主大人救命

    回覆刪除
  6. http://www.blogger.com/unlock-blog.g?lockedBlogID=8244358097450202644&pli=1

    這是我第二個email注册的blog也一樣變了垃圾blog

    回覆刪除
  7. 畫面顯示在審查中,如果沒有違反的事實應該幾天後就會恢復正常了,你申請新的帳號,或許ip位置一樣還是被擋住了吧,清除cookie看看,不然就是直接寫信給blogger用人工審查的方式,http://www.google.com/support/blogger/bin/answer.py?hl=b5&answer=42639。

    回覆刪除
  8. 謝謝版主大人的回覆,我唯有等待了
    很想讚美大人的所以教學文章!
    實在太無私奉獻了!

    回覆刪除
  9. To cirlce,我看今天已經恢復正常,應該可以開始使用了。

    回覆刪除
  10. http://tbsmymiri.blogspot.com/
    運用了您的分享代碼,謝謝哦~~

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能