js實現(xiàn)DOM走馬燈特效的方法
更新時間:2015年01月21日 11:05:24 投稿:shichen2014
這篇文章主要介紹了js實現(xiàn)DOM走馬燈特效的方法,以實例形式較為詳細的分析了走馬燈效果的實現(xiàn)原理與具體步驟,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)DOM走馬燈特效的方法。分享給大家供大家參考。具體實現(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() {
//將頭文件標題賦值給 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程序設計有所幫助。
相關文章
JavaScript實現(xiàn)將xml轉換成html table表格的方法
這篇文章主要介紹了JavaScript實現(xiàn)將xml轉換成html table表格的方法,實例分析了javascript操作XML文件與table表格的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
javascript中數(shù)組的concat()方法使用介紹
數(shù)組的concat()方法想必大家比不陌生吧,在本文為大家介紹下javascript中數(shù)組的concat()方法的具體使用,感興趣的朋友可以參考下2013-12-12
uniapp組件傳值的方法(父傳子,子傳父,對象傳值)實戰(zhàn)案例
現(xiàn)在的前端開發(fā)中基本上都是組件化開發(fā)的,下面這篇文章主要給大家介紹了關于uniapp組件傳值(父傳子,子傳父,對象傳值)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03
純JS開發(fā)baguetteBox.js響應式畫廊插件
這篇文章主要介紹了純JS開發(fā)baguetteBox.js響應式畫廊插件,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
深入講解xhr(XMLHttpRequest)/jsonp請求之abort
這篇文章主要給大家深入的介紹了關于xhr(XMLHttpRequest)/jsonp請求之abort的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧。2017-07-07

