JS實現title標題欄文字不間斷滾動顯示效果
更新時間:2016年09月07日 08:56:35 作者:onestopweb
這篇文章主要介紹了JS實現title標題欄文字不間斷滾動顯示效果,通過javascript時間函數定時操作動態(tài)修改頁面元素實現滾動效果,需要的朋友可以參考下
本文實例講述了JS實現title標題欄文字不間斷滾動顯示效果。分享給大家供大家參考,具體如下:
運行效果截圖如下:
具體代碼如下:
<!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>
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript遍歷算法與技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
您可能感興趣的文章:
- js實現動畫特效的文字鏈接鼠標懸停提示的方法
- jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
- js 文字超出長度用省略號代替,鼠標懸停并以懸浮框顯示實例
- js實現鼠標懸停圖片上時滾動文字說明的方法
- js實現文字垂直滾動和鼠標懸停效果
- 基于JS代碼實現當鼠標懸停表格上顯示這一格的全部內容
- Javascript仿新浪游戲頻道鼠標懸停顯示子菜單效果
- CSS或者JS實現鼠標懸停顯示另一元素
- js鼠標移動在title中顯示圖片的效果代碼
- 一個JS函數搞定網頁標題(title)閃動效果
- js下用層來實現select的title提示屬性
- JS實現TITLE懸停長久顯示效果完整示例
相關文章
Javascript 檢測、添加、移除樣式(className)函數代碼
在前臺腳本中,我們經常要操作頁面元素的樣式,比如標簽頁切換時,將當前標簽加上一個樣式,當切換到其他標簽時,再將樣式還原,本文介紹的是直接添加和移除 className 的方法。2009-09-09拖動Html元素集合 Drag and Drop any item
拖動Html元素集合 Drag and Drop any item...2006-12-12