JS實現(xiàn)title標(biāo)題欄文字不間斷滾動顯示效果
更新時間：2016年09月07日 08:56:35 作者：onestopweb
這篇文章主要介紹了JS實現(xiàn)title標(biāo)題欄文字不間斷滾動顯示效果,通過javascript時間函數(shù)定時操作動態(tài)修改頁面元素實現(xiàn)滾動效果,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)title標(biāo)題欄文字不間斷滾動顯示效果。分享給大家供大家參考，具體如下：
運行效果截圖如下：
具體代碼如下：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITLE欄上滾動的文字</title>
<script language=javascript >
var text=document.title
var timerID
function newtext() {
clearTimeout(timerID)
document.title=text.substring(1,text.length)+text.substring(0,1)
text=document.title.substring(0,text.length)
timerID = setTimeout("newtext()", 100)
}
</script>
</head>
<body onload="newtext()"></body>
</body>
</html>
<html>
<head>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
您可能感興趣的文章:
- js實現(xiàn)動畫特效的文字鏈接鼠標(biāo)懸停提示的方法
- jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
- js 文字超出長度用省略號代替,鼠標(biāo)懸停并以懸浮框顯示實例
- js實現(xiàn)鼠標(biāo)懸停圖片上時滾動文字說明的方法
- js實現(xiàn)文字垂直滾動和鼠標(biāo)懸停效果
- 基于JS代碼實現(xiàn)當(dāng)鼠標(biāo)懸停表格上顯示這一格的全部內(nèi)容
- Javascript仿新浪游戲頻道鼠標(biāo)懸停顯示子菜單效果
- CSS或者JS實現(xiàn)鼠標(biāo)懸停顯示另一元素
- js鼠標(biāo)移動在title中顯示圖片的效果代碼
- 一個JS函數(shù)搞定網(wǎng)頁標(biāo)題(title)閃動效果
- js下用層來實現(xiàn)select的title提示屬性
- JS實現(xiàn)TITLE懸停長久顯示效果完整示例
相關(guān)文章
js實現(xiàn)iGoogleDivDrag模塊拖動層拖動特效的方法
這篇文章主要介紹了js實現(xiàn)iGoogleDivDrag模塊拖動層拖動特效的方法,實例分析了javascript操作拖動層的技巧,需要的朋友可以參考下2015-03-03
這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽元素dom變化的相關(guān)資料,監(jiān)聽DOM大小的變化,在前端開發(fā)中,算是一個比較常見的需求,比如我們要制作可伸縮的圖表的時候,可能需要根據(jù)DOM大小的變化,進(jìn)行動態(tài)的更新圖表,需要的朋友可以參考下2023-09-09
讀取excel文件是日常開發(fā)中經(jīng)常會遇到的一個需求,下面這篇文章主要給大家介紹了關(guān)于js使用xlsx讀取excel文件的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
本文主要介紹了js 顏色選擇插件。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
之前提到了JS中比較簡單的設(shè)計模式，在各種設(shè)計模式中被最常使用的工具之一就是原型鏈的繼承。作為OOP的特質(zhì)之一——繼承，今天主要談?wù)凧S中比較簡單的繼承方法2016-01-01
現(xiàn)在網(wǎng)上有非常多的Promise文章，但都是給你一堆代碼，或者某些核心代碼，讓你看完之后感覺，嗯，很厲害，但還是不知所云，不知其所以然。那么本文真正從一個小白開始帶你深入淺出，一步一步實現(xiàn)自己的 Promise，這種自己造輪子的過程一定是進(jìn)步最快的過程，快上車開始吧2022-11-11
這篇文章主要介紹了javascript正則表達(dá)式之分組概念與用法,結(jié)合實例形式分析了javascript正則表達(dá)式分組的功能、定義與使用方法,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JS去掉字符串前后空格或去掉所有空格的用法,需要的朋友可以參考下2017-03-03
JavaScript中undefined和null的區(qū)別
這篇文章主要介紹了 JavaScript中undefined和null的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-05-05
JS實現(xiàn)頭條新聞的經(jīng)典輪播圖效果示例
這篇文章主要介紹了JS實現(xiàn)頭條新聞的經(jīng)典輪播圖效果,涉及javascript圖片輪播切換相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01