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)欄中都是來回閃動(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)文章
文字在網(wǎng)頁(yè)上下浮動(dòng) 學(xué)習(xí)可以不建議用
JavaScript控制文字像跳跳球一樣在網(wǎng)頁(yè)上浮動(dòng),碰到邊緣自動(dòng)回來,有興趣看一下。2009-11-11javascript 網(wǎng)頁(yè)上跳動(dòng)的文字
網(wǎng)頁(yè)上跳動(dòng)的文字,代碼稍復(fù)雜,效果挺可愛的,一跳一跳的文字,真逗人!2009-10-10Js制作點(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-09JavaScript數(shù)組應(yīng)用 可依次讀取的公告欄文字
一個(gè)JavaScript數(shù)組的應(yīng)用例子,我們將文字存儲(chǔ)于數(shù)組中,然后用循環(huán)依次輸出這些文字,像一條一條的公告一樣,不過現(xiàn)在都不這么用了,可以學(xué)習(xí)JS數(shù)組,算是一個(gè)實(shí)例參考。2009-10-10JS、CSS文字切換,定時(shí)交替,代碼精簡(jiǎn)
圖片切換很流行,文字切換也很實(shí)用哦,而且用CSS與JavaScript配合,避免純JS實(shí)現(xiàn)時(shí)把文字寫進(jìn)JavaScript代碼里,修改不方便,本款可以說是方便,簡(jiǎn)單,效果實(shí)用,兼容性好.2009-10-10