javascript實(shí)現(xiàn)的網(wǎng)頁(yè)標(biāo)題變換效果(網(wǎng)頁(yè)游戲廣告常用)
更新時(shí)間:2011年01月02日 13:08:39 作者:
很多游戲廣告的推廣頁(yè)面中,為了吸引眼球,我們看到IE標(biāo)題欄與狀態(tài)欄中都是來(lái)回閃動(dòng)的效果。
核心代碼:
<SCRIPT type=text/javascript>
//
var step=0;
var _title=document.title; //獲取網(wǎng)頁(yè)標(biāo)題
var space='';
for(var i=0;i<=_title.length;i++)space+=' '; //根據(jù)標(biāo)題長(zhǎng)度生產(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需再刷新一下頁(yè)面才能執(zhí)行]
復(fù)制代碼 代碼如下:
<SCRIPT type=text/javascript>
//
var step=0;
var _title=document.title; //獲取網(wǎng)頁(yè)標(biāo)題
var space='';
for(var i=0;i<=_title.length;i++)space+=' '; //根據(jù)標(biāo)題長(zhǎng)度生產(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需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
文字來(lái)回上下移動(dòng)或跳動(dòng)的代碼
JavaScript實(shí)現(xiàn)文字 上下跳動(dòng),或上下移動(dòng),比較普通的效果,類似QQ聊天窗口抖動(dòng)一樣的效果,只不過(guò)這里是圖片而已。2009-11-11
Js制作點(diǎn)擊輸入框時(shí)默認(rèn)文字消失的效果
為了提高用戶體驗(yàn)和易用度,一些設(shè)計(jì)師會(huì)對(duì)網(wǎng)頁(yè)中用戶經(jīng)常用的東西進(jìn)行優(yōu)化,比如輸入框。一般的輸入框是怎樣優(yōu)化的呢?從用戶體驗(yàn)的角度出發(fā),簡(jiǎn)化用戶使用步驟,讓用戶用得更方便就是提高了易用性2015-09-09
走馬燈效果代碼js appendChild實(shí)現(xiàn)的無(wú)縫滾動(dòng)
走馬燈效果代碼js appendChild實(shí)現(xiàn)的無(wú)縫滾動(dòng)2010-03-03

