欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

本文實例講述了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程序設(shè)計有所幫助。

相關(guān)文章

  • JavaScript快速調(diào)試的兩個技巧

    JavaScript快速調(diào)試的兩個技巧

    這篇文章主要給大家介紹了關(guān)于JavaScript快速調(diào)試的兩個技巧,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
    2020-11-11
  • 詳解JavaScript數(shù)組的常用方法

    詳解JavaScript數(shù)組的常用方法

    這篇文章主要為大家介紹了JavaScript數(shù)組的常用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-11-11
  • Javascript尾遞歸編程的實現(xiàn)

    Javascript尾遞歸編程的實現(xiàn)

    本文主要介紹了Javascript尾遞歸編程的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
    2022-06-06
  • js時間轉(zhuǎn)換毫秒的實例代碼

    js時間轉(zhuǎn)換毫秒的實例代碼

    在本篇文章里小編給大家整理的是關(guān)于js時間轉(zhuǎn)換毫秒的實例代碼以及相關(guān)知識點,需要的朋友們可以學(xué)習下。
    2019-08-08
  • newxtree.js代碼

    newxtree.js代碼

    newxtree.js代碼...
    2007-03-03
  • JS實現(xiàn)輪播圖效果的3種簡單方法

    JS實現(xiàn)輪播圖效果的3種簡單方法

    這篇文章主要為大家詳細介紹了JS實現(xiàn)輪播圖效果的3種簡單方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-11-11
  • 基于BootStrap與jQuery.validate實現(xiàn)表單提交校驗功能

    基于BootStrap與jQuery.validate實現(xiàn)表單提交校驗功能

    學(xué)習前臺后臺最開始接觸的業(yè)務(wù)都是用戶注冊和登錄,下面通過本文給大家介紹BootStrap與jQuery.validate實現(xiàn)表單提交校驗功能,感興趣的朋友一起學(xué)習吧
    2016-12-12
  • javascript 判斷當前瀏覽器版本并判斷ie版本

    javascript 判斷當前瀏覽器版本并判斷ie版本

    這篇文章主要介紹了javascript 判斷當前瀏覽器版本并判斷ie版本的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • JS中split()用法(將字符串按指定符號分割成數(shù)組)

    JS中split()用法(將字符串按指定符號分割成數(shù)組)

    這篇文章主要介紹了JS中split()用法(將字符串按指定符號分割成數(shù)組)的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下
    2016-10-10
  • mpvue實現(xiàn)微信小程序快遞單號查詢代碼

    mpvue實現(xiàn)微信小程序快遞單號查詢代碼

    這篇文章主要介紹了mpvue實現(xiàn)微信小程序快遞單號查詢,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-04-04

最新評論