使用JavaScript讓網(wǎng)頁的title動起來
更新時間：2011年01月27日 20:25:14 作者：
使用webQQ有些時間了，webQQ每次收到信息，就會看到title提示那個網(wǎng)友或群來信息，發(fā)現(xiàn)挺有意思，其實這個很簡單。
HTML Title：
JavaScript：
<script type="text/javascript">
function scroll() {
//獲取title信息。
var titleInfo = document.title;
//獲取title第一個漢字（數(shù)字、字母）。
//注釋：字符串中第一個字符的下標是 0。如果參數(shù) index 不在 0 與 string.length 之間，該方法將返回一個空字符串。
var firstInfo = titleInfo.charAt(0);
//獲取第二位到最后的信息。
var lastInfo = titleInfo.substring(1, titleInfo.length);
//拼接輸出信息
document.title = lastInfo + firstInfo;
}
//使用setInterval（）方法執(zhí)行
setInterval("scroll()", 500);
</script>
完整演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復制代碼 代碼如下:
<title>你好，Mr-S.R Lee</title>
JavaScript：
復制代碼 代碼如下:
<script type="text/javascript">
function scroll() {
//獲取title信息。
var titleInfo = document.title;
//獲取title第一個漢字（數(shù)字、字母）。
//注釋：字符串中第一個字符的下標是 0。如果參數(shù) index 不在 0 與 string.length 之間，該方法將返回一個空字符串。
var firstInfo = titleInfo.charAt(0);
//獲取第二位到最后的信息。
var lastInfo = titleInfo.substring(1, titleInfo.length);
//拼接輸出信息
document.title = lastInfo + firstInfo;
}
//使用setInterval（）方法執(zhí)行
setInterval("scroll()", 500);
</script>
完整演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- JavaScript獲取當前網(wǎng)頁標題（title）的方法
- Jquery修改頁面標題title其它JS失效的解決方法
- JS實現(xiàn)閃動的title消息提醒效果
- 一個JS函數(shù)搞定網(wǎng)頁標題(title)閃動效果
- 利用JS實現(xiàn)瀏覽器的title閃爍
- ToolTip 通過Js實現(xiàn)代替超鏈接中的title效果
- JavaScript Title、alt提示（Tips）實現(xiàn)源碼解讀
- js 增強型title信息提示效果
- js下用層來實現(xiàn)select的title提示屬性
- js鼠標移動在title中顯示圖片的效果代碼
- js每次Title顯示不同的名言
- 基于JavaScript實現(xiàn) 網(wǎng)頁切出 網(wǎng)站title變化代碼
相關文章
javascript 模擬Marquee文字向左均勻滾動代碼
Marquee是HTML語言里固有的文字滾動標簽，雖然用著方便，但是功能上有一些限制，很多時候我們都是通過JavaScript來補充這一功能.2009-10-10
JavaScript形成溶解過渡形式的文字切換特效，夠酷吧，的你平靜如水的網(wǎng)頁上旋轉(zhuǎn)這么一個文字特效，一定會吸引不少人的注意力，文字內(nèi)容和顏色以及字號大小看看代碼就會知道怎么改了。2009-11-11
炫彩文字，在網(wǎng)頁上用一下，會吸引別人的注意力，和CSS不相干，純粹JavaScript實現(xiàn)的東西，代碼不算少，高手在優(yōu)化一下。2009-10-10
鼠標滑過文章中的鏈接文字，要在相應位置彈出提示框，提示框的樣式由css來控制，高度自適應；鼠標可以點擊提示框的中的鏈接,滑離提示框時，框自動消失2010-06-06
JavaScript文字漸隱漸現(xiàn)顯示，更專業(yè)的說法叫淡入淡出，最開始用于視頻蒙太奇制作及Flash動畫上，現(xiàn)在用到文字上也不是什么稀罕事了.2009-10-10
Js 實現(xiàn)文字爬樓滾動效果 結(jié)合文本框
一個文本框的另類用法，結(jié)合JavaScript實現(xiàn)文字慢慢向上爬的效果，一層一層往上爬，由此你可以創(chuàng)意出不少的文字特效來。2009-10-10
網(wǎng)頁上跳動的文字，代碼稍復雜，效果挺可愛的，一跳一跳的文字，真逗人！2009-10-10
Js+CSS間斷和不間斷文本滾動代碼，文字在一行高度范圍內(nèi)不間斷滾動，還有一個是間斷滾動，滾動一次后會稍停片刻再次滾動。2010-10-10
基于JavaScript的平滑文字閃爍,不是單純的閃爍,貌似還帶有一點點別的效果,比如淡入/淡出,那些顏色值你是可以變的,改成你想要的,還有閃爍間隔等,都可以修改的.2009-10-10
使用JavaScript讓網(wǎng)頁的title動起來
使用webQQ有些時間了，webQQ每次收到信息，就會看到title提示那個網(wǎng)友或群來信息，發(fā)現(xiàn)挺有意思，其實這個很簡單。2011-01-01