使用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變化代碼
相關(guān)文章
使用JavaScript讓網(wǎng)頁的title動起來
使用webQQ有些時間了,webQQ每次收到信息,就會看到title提示那個網(wǎng)友或群來信息,發(fā)現(xiàn)挺有意思,其實這個很簡單。2011-01-01javascript 模擬Marquee文字向左均勻滾動代碼
Marquee是HTML語言里固有的文字滾動標簽,雖然用著方便,但是功能上有一些限制,很多時候我們都是通過JavaScript來補充這一功能.2009-10-10