v 讓你的部落格標題有跑馬燈效果 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...