JS實現(xiàn)超簡潔網(wǎng)頁title標題跑動閃爍提示效果代碼

更新時間：2015年10月23日 10:04:38 作者：企鵝

這篇文章主要介紹了JS實現(xiàn)超簡潔網(wǎng)頁title標題跑動閃爍提示效果代碼,涉及JavaScript結合定時函數(shù)動態(tài)操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)超簡潔網(wǎng)頁title標題跑動閃爍提示效果代碼。分享給大家供大家參考，具體如下：

這里演示不幾行JS代碼實現(xiàn)的網(wǎng)頁Title文字跑動效果，類似有消息時的標題閃爍提醒功能，在JS代碼中，當變量_record累加到3是，將其賦值為1。相當于無限循環(huán)。需要顯示的消息提示內(nèi)容可自擬哦。

運行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-title-blink-style-codes/

具體代碼如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS實現(xiàn)title標題閃爍提示信息</title>
</head>
<body>
<script type="text/javascript">
_record = 0;
var myTitle = document.title;
function titleBlink(){
  _record++;
  if(_record==3){//當變量_record累加到3是，將其賦值為1。相當于無限循環(huán)。
    _record=1;
  }
  if(_record==1){
    document.title='【  】'+myTitle;
  }
  if(_record==2){
    document.title='【新消息】'+myTitle;
  }
  setTimeout("titleBlink()",500);//調(diào)節(jié)時間，單位毫秒。
}
titleBlink();
</script>
<center><h1>幾行js實現(xiàn)閃爍的title。</h1></center>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

JavaScript轉(zhuǎn)換數(shù)據(jù)庫DateTime字段類型方法
下面小編就為大家?guī)硪黄狫avaScript轉(zhuǎn)換數(shù)據(jù)庫DateTime字段類型方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
JavaScript通過function定義對象并給對象添加toString()方法實例分析
這篇文章主要介紹了JavaScript通過function定義對象并給對象添加toString()方法,實例分析了javascript中function定義對象及添加方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
詳解JavaScript中原始數(shù)據(jù)類型Symbol的使用
Symbol是es6引入的一個新的原始數(shù)據(jù)類型，是一個獨一無二的值。這篇文章主要為大家介紹了JavaScript中原始數(shù)據(jù)類型Symbol的使用，感興趣的可以了解一下
2023-02-02
JavaScript talbe表中指定位置插入一行的實現(xiàn)代碼腳本之家修正版
用js實現(xiàn)的在table中指定的位置插入一行，先點一下表中你想插入的位置，點擊即可。
2009-06-06
js blob類型url的視頻下載問題的解決
這篇文章主要介紹了js blob類型url的視頻下載問題的解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-11-11
easyui-combobox 實現(xiàn)簡單的自動補全功能示例
下面小編就為大家?guī)硪黄猠asyui-combobox 實現(xiàn)簡單的自動補全功能示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，
2016-11-11
javascript中call,apply,callee,caller用法實例分析
這篇文章主要介紹了javascript中call,apply,callee,caller用法,結合實例形式分析了javascript中call,apply,callee,caller功能、使用方法及相關操作注意事項,需要的朋友可以參考下
2019-07-07
JavaScript實現(xiàn)拼音排序的方法
本文將介紹JavaScript如何實現(xiàn)拼音排序支持所有主流瀏覽器+中英文系統(tǒng)
2012-11-11
原生js圖片輪播效果實現(xiàn)代碼
這篇文章主要為大家詳細介紹了基于原生js實現(xiàn)圖片輪播效果的具體代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
淺談JS中幾種輕松處理''this''指向方式
這篇文章主要介紹了淺談JS中幾種輕松處理'this'指向方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-09-09