JavaScript實現(xiàn)標題欄文字輪播效果代碼
本文實例講述了JavaScript實現(xiàn)標題欄文字輪播效果代碼。分享給大家供大家參考,具體如下:
這里演示的JS文字輪播,顯示在標題欄區(qū)域,以前個人主頁時候經(jīng)常見到的效果,不過現(xiàn)在都規(guī)范了,標題欄一般都不加入這種效果了。但是可以學習一下JS制作實現(xiàn)一些文字特效,運行效果后請查看標題欄。
運行效果截圖如下:
在線演示地址如下:
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)出現(xiàn)</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> var message = new Array(); message[0] = "歡迎光臨腳本之家"; message[1] = "這里有javascript"; message[2] = "網(wǎng)頁特效"; 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怎么在兩個窗體之間傳值中講到了如何利用window.open()方法打開新窗體,并在兩個窗體之間傳值的方法。2009-09-09微信小程序?qū)崙?zhàn)項目之富文本編輯器實現(xiàn)
富文本在Web開發(fā)上的地位大家可想而知,很多地方都需要用到富文本編輯器,比如開發(fā)類似新聞管理小程序、商品簡介等,下面這篇文章主要給大家介紹了關于微信小程序?qū)崙?zhàn)項目之富文本編輯器實現(xiàn)的相關資料,需要的朋友可以參考下2022-10-10IE中radio 或checkbox的checked屬性初始狀態(tài)下不能選中顯示問題
checked屬性在IE下不能正確實現(xiàn)的問題2009-07-07利用原生JS與jQuery實現(xiàn)數(shù)字線性變化的動畫
最近在工作中遇到一個需要,需要將數(shù)字實現(xiàn)遞增的動態(tài)顯示,從網(wǎng)上找了相關的資料發(fā)現(xiàn)利用原生JS與jQuery都可以實現(xiàn),suoyi8下面這篇文章主要給大家介紹了利用原生JS與jQuery實現(xiàn)數(shù)字線性變化動畫的相關資料,需要的朋友可以參考下。2017-02-02