js實(shí)現(xiàn)DOM走馬燈特效的方法
本文實(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ì)有所幫助。
- jQuery實(shí)現(xiàn)圖片走馬燈效果的原理分析
- jquery實(shí)現(xiàn)頁(yè)面百葉窗走馬燈式翻滾顯示效果的方法
- js 走馬燈簡(jiǎn)單實(shí)例
- android中設(shè)置TextView/Button 走馬燈(Marquee)效果示例
- c#.net 動(dòng)態(tài)讀取 走馬燈代碼實(shí)例分享
- 走馬燈效果代碼js appendChild實(shí)現(xiàn)的無(wú)縫滾動(dòng)
- javascript 走馬燈效果的鏈接提示
- 淺析js 文字滾動(dòng)效果
- 基于Jquery的文字滾動(dòng)跑馬燈插件(一個(gè)頁(yè)面多個(gè)滾動(dòng)區(qū))
- IOS代碼筆記之文字走馬燈效果
相關(guān)文章
JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實(shí)例分析了javascript操作XML文件與table表格的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04javascript中數(shù)組的concat()方法使用介紹
數(shù)組的concat()方法想必大家比不陌生吧,在本文為大家介紹下javascript中數(shù)組的concat()方法的具體使用,感興趣的朋友可以參考下2013-12-12JS中怎樣判斷undefined(比較不錯(cuò)的方法)
用servlet賦值給html頁(yè)面文本框值后,用alert來(lái)彈出這個(gè)值.結(jié)果顯示"undefined".下面為大家介紹下具體的判斷方法,大家可以參考下2014-03-03uniapp組件傳值的方法(父?jìng)髯?子傳父,對(duì)象傳值)實(shí)戰(zhàn)案例
現(xiàn)在的前端開(kāi)發(fā)中基本上都是組件化開(kāi)發(fā)的,下面這篇文章主要給大家介紹了關(guān)于uniapp組件傳值(父?jìng)髯?子傳父,對(duì)象傳值)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03JavaScript中eval函數(shù)的問(wèn)題
這篇文章主要介紹了JavaScript中eval函數(shù)的問(wèn)題,需要的朋友可以參考下2016-01-01純JS開(kāi)發(fā)baguetteBox.js響應(yīng)式畫(huà)廊插件
這篇文章主要介紹了純JS開(kāi)發(fā)baguetteBox.js響應(yīng)式畫(huà)廊插件,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06JavaScript中校驗(yàn)銀行卡號(hào)的實(shí)現(xiàn)代碼
本文通過(guò)案例給大家介紹了js中校驗(yàn)銀行卡號(hào)的代碼,代碼小編測(cè)試過(guò),可行。代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2016-12-12深入講解xhr(XMLHttpRequest)/jsonp請(qǐng)求之a(chǎn)bort
這篇文章主要給大家深入的介紹了關(guān)于xhr(XMLHttpRequest)/jsonp請(qǐng)求之a(chǎn)bort的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-07-07JS中如何實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽返回頁(yè)面頂部的問(wèn)題
這篇文章主要介紹了JS中實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽返回頁(yè)面頂部的問(wèn)題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-01-01