快捷導(dǎo)航

js實(shí)現(xiàn)DOM走馬燈特效的方法

更新時(shí)間：2015年01月21日 11:05:24 投稿：shichen2014

這篇文章主要介紹了js實(shí)現(xiàn)DOM走馬燈特效的方法,以實(shí)例形式較為詳細(xì)的分析了走馬燈效果的實(shí)現(xiàn)原理與具體步驟,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)DOM走馬燈特效的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<!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() {  

            //將頭文件標(biāo)題賦值給 tit  

            var tit = document.title;  

            //獲取tit的第一個(gè)字符  

            var fir = tit.charAt(0);  

            //獲取tit剩余的字符  

            var left = tit.substring(1, tit.length)  

            //將頭文件標(biāo)題重新賦值為 （原標(biāo)題的第二個(gè)字符到最后一個(gè)字符+原標(biāo)的的第一個(gè)字符）  

            document.title = left + fir;  

        }  

        //讓scroll每隔2000毫秒就執(zhí)行scroll()一次，從而實(shí)現(xiàn)走馬燈的效果  

        setInterval("scroll()", 2000);  

    </script>  

</head>  

<body>  

</body>  

</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼
本文主要介紹了微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-05-05
判斷輸入是否為空,獲得輸入類型的JS代碼
這篇文章介紹了判斷輸入是否為空,獲得輸入類型的JS代碼，有需要的朋友可以參考一下
2013-10-10
js實(shí)現(xiàn)Tab選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)Tab選項(xiàng)卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-10-10
FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對(duì)于需要兼容這兩者的朋友，就需要參考下下面的代碼了
2008-11-11
JavaScript實(shí)現(xiàn)下拉列表
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)下拉列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例
今天小編就為大家分享一篇layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JS中style屬性
JS中style屬性...
2006-10-10
javascript String 對(duì)象
javascript數(shù)據(jù)庫(kù)操作方法包括字符串大小寫，字符串搜索，提取字符串等
2008-04-04
js列舉css中所有圖標(biāo)的實(shí)現(xiàn)代碼
最近在做一個(gè)通用的配置模塊。配置模塊中必然要對(duì)系統(tǒng)的菜單、功能模塊、權(quán)限資源等進(jìn)行配置，為了更好的用戶體驗(yàn)，圖標(biāo)是必不可少的！
2011-07-07
重構(gòu)Javascript代碼示例(重構(gòu)前后對(duì)比)
回顧頭來(lái)看看那些Javascript腳本，有寫得不太理想，過(guò)于復(fù)雜。現(xiàn)抽取出來(lái)，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的
2013-01-01