js實現(xiàn)DOM走馬燈特效的方法
更新時間：2015年01月21日 11:05:24 投稿：shichen2014
這篇文章主要介紹了js實現(xiàn)DOM走馬燈特效的方法,以實例形式較為詳細的分析了走馬燈效果的實現(xiàn)原理與具體步驟,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)DOM走馬燈特效的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>走馬燈的特效</title>
<script type="text/javascript">
function scroll() {
//將頭文件標題賦值給 tit
var tit = document.title;
//獲取tit的第一個字符
var fir = tit.charAt(0);
//獲取tit剩余的字符
var left = tit.substring(1, tit.length)
//將頭文件標題重新賦值為 （原標題的第二個字符到最后一個字符+原標的的第一個字符）
document.title = left + fir;
}
//讓scroll每隔2000毫秒就執(zhí)行scroll()一次，從而實現(xiàn)走馬燈的效果
setInterval("scroll()", 2000);
</script>
</head>
<body>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼
本文主要介紹了微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
這篇文章介紹了判斷輸入是否為空,獲得輸入類型的JS代碼，有需要的朋友可以參考一下2013-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)Tab選項卡切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對于需要兼容這兩者的朋友，就需要參考下下面的代碼了2008-11-11
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)下拉列表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
今天小編就為大家分享一篇layui操作列按鈕個數(shù)和文字顏色的判斷實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JS中style屬性...2006-10-10
javascript數(shù)據(jù)庫操作方法包括字符串大小寫，字符串搜索，提取字符串等2008-04-04
最近在做一個通用的配置模塊。配置模塊中必然要對系統(tǒng)的菜單、功能模塊、權(quán)限資源等進行配置，為了更好的用戶體驗，圖標是必不可少的！2011-07-07
重構(gòu)Javascript代碼示例(重構(gòu)前后對比)
回顧頭來看看那些Javascript腳本，有寫得不太理想，過于復(fù)雜?，F(xiàn)抽取出來，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的2013-01-01