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

JavaScript實現標題欄文字輪播效果代碼

 更新時間:2015年10月24日 11:11:58   作者:企鵝  
這篇文章主要介紹了JavaScript實現標題欄文字輪播效果代碼,涉及JavaScript基于時間函數及流程控制操作標題欄文字的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JavaScript實現標題欄文字輪播效果代碼。分享給大家供大家參考,具體如下:

這里演示的JS文字輪播,顯示在標題欄區(qū)域,以前個人主頁時候經常見到的效果,不過現在都規(guī)范了,標題欄一般都不加入這種效果了。但是可以學習一下JS制作實現一些文字特效,運行效果后請查看標題欄。

運行效果截圖如下:

在線演示地址如下:

http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/

具體代碼如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文字循環(huán)出現</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var message = new Array();
message[0] = "歡迎光臨腳本之家";
message[1] = "這里有javascript";
message[2] = "網頁特效";
message[3] = "圖片和背景特效等";
message[4] = "非常多的資源";
message[5] = "你一定會有所收獲的"; 
message[6] = "歡迎你再次光臨";
message[7] = "";
var reps = 2;
var speed = 60;
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 9) { s = 1;}
if (s == 1) { document.title = '|||★★★★★=====|||----- ['+T+' -----'; }
if (s == 2) { document.title = '|||=★★★★★====|||----- ['+T+' -----'; }
if (s == 3) { document.title = '|||==★★★★★===|||----- ['+T+' -----'; }
if (s == 4) { document.title = '|||===★★★★★==|||----- ['+T+' -----'; }
if (s == 5) { document.title = '|||====★★★★★=|||----- ['+T+' -----'; }
if (s == 6) { document.title = '|||=====★★★★★|||----- ['+T+' -----'; }
if (s == 7) { document.title = '|||====★★★★★=|||----- ['+T+' -----'; }
if (s == 8) { document.title = '|||===★★★★★==|||----- ['+T+' -----'; }
if (s == 9) { document.title = '|||=★★★★★===|||----- ['+T+' -----'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
  }
}
doTheThing();
</script>
</body>
</html>

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

相關文章

  • Javascript showModalDialog兩個窗體之間傳值

    Javascript showModalDialog兩個窗體之間傳值

    前一篇文章Javascript怎么在兩個窗體之間傳值中講到了如何利用window.open()方法打開新窗體,并在兩個窗體之間傳值的方法。
    2009-09-09
  • javascript整除實現代碼

    javascript整除實現代碼

    javascript實現整除的實現代碼,需要的朋友可以參考下。
    2010-11-11
  • Bootstrap Scrollspy源碼學習

    Bootstrap Scrollspy源碼學習

    這篇文章主要介紹了Bootstrap Scrollspy源碼學習,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • 微信小程序實戰(zhàn)項目之富文本編輯器實現

    微信小程序實戰(zhàn)項目之富文本編輯器實現

    富文本在Web開發(fā)上的地位大家可想而知,很多地方都需要用到富文本編輯器,比如開發(fā)類似新聞管理小程序、商品簡介等,下面這篇文章主要給大家介紹了關于微信小程序實戰(zhàn)項目之富文本編輯器實現的相關資料,需要的朋友可以參考下
    2022-10-10
  • js日歷功能對象

    js日歷功能對象

    問題產生需求:做OA時弄到 備忘這個功能,想以日歷的形式展現
    2012-01-01
  • IE中radio 或checkbox的checked屬性初始狀態(tài)下不能選中顯示問題

    IE中radio 或checkbox的checked屬性初始狀態(tài)下不能選中顯示問題

    checked屬性在IE下不能正確實現的問題
    2009-07-07
  • JavaScript事件用法淺析

    JavaScript事件用法淺析

    這篇文章主要介紹了JavaScript事件用法,較為詳細的分析了javascript事件流、事件類型及事件操作技巧,需要的朋友可以參考下
    2016-10-10
  • HTML+JS實現3D倒計時爆炸特效

    HTML+JS實現3D倒計時爆炸特效

    這篇文章主要為大家詳細介紹了如何結合HTML與JS實現3D倒計時爆炸特效,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考下
    2024-01-01
  • 微信小程序canvas實現刮刮樂效果

    微信小程序canvas實現刮刮樂效果

    這篇文章主要為大家詳細介紹了微信小程序canvas實現刮刮樂效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • 利用原生JS與jQuery實現數字線性變化的動畫

    利用原生JS與jQuery實現數字線性變化的動畫

    最近在工作中遇到一個需要,需要將數字實現遞增的動態(tài)顯示,從網上找了相關的資料發(fā)現利用原生JS與jQuery都可以實現,suoyi8下面這篇文章主要給大家介紹了利用原生JS與jQuery實現數字線性變化動畫的相關資料,需要的朋友可以參考下。
    2017-02-02

最新評論