javascript實(shí)現(xiàn)的網(wǎng)頁標(biāo)題變換效果(網(wǎng)頁游戲廣告常用)
更新時(shí)間:2011年01月02日 13:08:39 作者:
很多游戲廣告的推廣頁面中,為了吸引眼球,我們看到IE標(biāo)題欄與狀態(tài)欄中都是來回閃動(dòng)的效果。
核心代碼:
<SCRIPT type=text/javascript>
//
var step=0;
var _title=document.title; //獲取網(wǎng)頁標(biāo)題
var space='';
for(var i=0;i<=_title.length;i++)space+=' '; //根據(jù)標(biāo)題長度生產(chǎn)相應(yīng)的空字符
function flash_title() //核心函數(shù)
{
step++
if (step==3) {step=1}
if (step==1) {document.title=space}
if (step==2) {document.title=_title}
setTimeout("flash_title()",500);
}
flash_title();
</script>
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
<SCRIPT type=text/javascript>
//
var step=0;
var _title=document.title; //獲取網(wǎng)頁標(biāo)題
var space='';
for(var i=0;i<=_title.length;i++)space+=' '; //根據(jù)標(biāo)題長度生產(chǎn)相應(yīng)的空字符
function flash_title() //核心函數(shù)
{
step++
if (step==3) {step=1}
if (step==1) {document.title=space}
if (step==2) {document.title=_title}
setTimeout("flash_title()",500);
}
flash_title();
</script>
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
文字在網(wǎng)頁上下浮動(dòng) 學(xué)習(xí)可以不建議用
JavaScript控制文字像跳跳球一樣在網(wǎng)頁上浮動(dòng),碰到邊緣自動(dòng)回來,有興趣看一下。2009-11-11javascript 網(wǎng)頁上跳動(dòng)的文字
網(wǎng)頁上跳動(dòng)的文字,代碼稍復(fù)雜,效果挺可愛的,一跳一跳的文字,真逗人!2009-10-10Js制作點(diǎn)擊輸入框時(shí)默認(rèn)文字消失的效果
為了提高用戶體驗(yàn)和易用度,一些設(shè)計(jì)師會(huì)對(duì)網(wǎng)頁中用戶經(jīng)常用的東西進(jìn)行優(yōu)化,比如輸入框。一般的輸入框是怎樣優(yōu)化的呢?從用戶體驗(yàn)的角度出發(fā),簡化用戶使用步驟,讓用戶用得更方便就是提高了易用性2015-09-09JavaScript數(shù)組應(yīng)用 可依次讀取的公告欄文字
一個(gè)JavaScript數(shù)組的應(yīng)用例子,我們將文字存儲(chǔ)于數(shù)組中,然后用循環(huán)依次輸出這些文字,像一條一條的公告一樣,不過現(xiàn)在都不這么用了,可以學(xué)習(xí)JS數(shù)組,算是一個(gè)實(shí)例參考。2009-10-10