使用JavaScript讓網(wǎng)頁(yè)的title動(dòng)起來
更新時(shí)間:2011年01月27日 20:25:14 作者:
使用webQQ有些時(shí)間了,webQQ每次收到信息,就會(huì)看到title提示那個(gè)網(wǎng)友或群來信息,發(fā)現(xiàn)挺有意思,其實(shí)這個(gè)很簡(jiǎn)單。
HTML Title:
JavaScript:
<script type="text/javascript">
function scroll() {
//獲取title信息。
var titleInfo = document.title;
//獲取title第一個(gè)漢字(數(shù)字、字母)。
//注釋:字符串中第一個(gè)字符的下標(biāo)是 0。如果參數(shù) index 不在 0 與 string.length 之間,該方法將返回一個(gè)空字符串。
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需再刷新一下頁(yè)面才能執(zhí)行]
復(fù)制代碼 代碼如下:
<title>你好,Mr-S.R Lee</title>
JavaScript:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function scroll() {
//獲取title信息。
var titleInfo = document.title;
//獲取title第一個(gè)漢字(數(shù)字、字母)。
//注釋:字符串中第一個(gè)字符的下標(biāo)是 0。如果參數(shù) index 不在 0 與 string.length 之間,該方法將返回一個(gè)空字符串。
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需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- JavaScript獲取當(dāng)前網(wǎng)頁(yè)標(biāo)題(title)的方法
- Jquery修改頁(yè)面標(biāo)題title其它JS失效的解決方法
- JS實(shí)現(xiàn)閃動(dòng)的title消息提醒效果
- 一個(gè)JS函數(shù)搞定網(wǎng)頁(yè)標(biāo)題(title)閃動(dòng)效果
- 利用JS實(shí)現(xiàn)瀏覽器的title閃爍
- ToolTip 通過Js實(shí)現(xiàn)代替超鏈接中的title效果
- JavaScript Title、alt提示(Tips)實(shí)現(xiàn)源碼解讀
- js 增強(qiáng)型title信息提示效果
- js下用層來實(shí)現(xiàn)select的title提示屬性
- js鼠標(biāo)移動(dòng)在title中顯示圖片的效果代碼
- js每次Title顯示不同的名言
- 基于JavaScript實(shí)現(xiàn) 網(wǎng)頁(yè)切出 網(wǎng)站title變化代碼
相關(guān)文章
javascript 網(wǎng)頁(yè)上跳動(dòng)的文字
網(wǎng)頁(yè)上跳動(dòng)的文字,代碼稍復(fù)雜,效果挺可愛的,一跳一跳的文字,真逗人!2009-10-10CSS3實(shí)現(xiàn)3D文字動(dòng)畫效果
CSS3 3D文字動(dòng)畫,看到這個(gè)字眼都覺得震撼,順便兼用下另兩個(gè)屬性:transition 和 animation。由于使用CSS3技術(shù),因此測(cè)試時(shí)請(qǐng)使用火狐或Chrome等瀏覽器,否則不能看到效果2012-12-12Js 網(wǎng)頁(yè)上反復(fù)顯示隱藏效果的文本
一個(gè)JavaScript特效,在網(wǎng)頁(yè)上反復(fù)顯示一些可隱藏的文字,快速滾入而后快速消失,很不錯(cuò)的文字效果。2010-03-03文字在網(wǎng)頁(yè)上下浮動(dòng) 學(xué)習(xí)可以不建議用
JavaScript控制文字像跳跳球一樣在網(wǎng)頁(yè)上浮動(dòng),碰到邊緣自動(dòng)回來,有興趣看一下。2009-11-11使用JavaScript讓網(wǎng)頁(yè)的title動(dòng)起來
使用webQQ有些時(shí)間了,webQQ每次收到信息,就會(huì)看到title提示那個(gè)網(wǎng)友或群來信息,發(fā)現(xiàn)挺有意思,其實(shí)這個(gè)很簡(jiǎn)單。2011-01-01javascript 模擬Marquee文字向左均勻滾動(dòng)代碼
Marquee是HTML語(yǔ)言里固有的文字滾動(dòng)標(biāo)簽,雖然用著方便,但是功能上有一些限制,很多時(shí)候我們都是通過JavaScript來補(bǔ)充這一功能.2009-10-10