JS實現超簡潔網頁title標題跑動閃爍提示效果代碼

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS實現超簡潔網頁title標題跑動閃爍提示效果代碼

編輯：關於JavaScript

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

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

運行效果截圖如下：

在線演示地址如下：

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

具體代碼如下：

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

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

關於JavaScript

Javascript實現漢字和拼音互轉的終極方案: 前言中文漢字和拼音互轉是很多地方都會遇到的，本文是精心整理並修改了網上幾種常見的字典文件並簡單封裝了
json實現添加、遍歷與刪除屬性的方法: 本文實例講述了json實現添加、遍歷與刪除屬性的方法。分享給大家供大家參考，具體如下：<scr
js實現(全選)多選按鈕的方法【附實例】: 第一種，全部選中：<html> <head> <title>

DIV CSS 佈局教程網

相關文章