文字垂直滾動之javascript代碼
更新時間:2015年07月29日 17:54:01 作者:我是代碼努力
這篇文章主要應用javascript代碼實現(xiàn)文字垂直滾動的效果,需要的朋友可以參考下
在大型的網(wǎng)站新聞公告和友情鏈接等領域經(jīng)常有這種文字或圖片垂直滾動的效果,下面就介紹一下文字垂直滾動的javascript代碼。
javascript代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.dbjr.com.cn/" /> <title>腳本之家</title> <style> a { display:block; font-size:15px; line-height:18px; text-decoration:none; color:#333; font-family:Arial; font-size:12px; } .main{ background:no-repeat 4px 5px; border:1px solid #aaa; width:400px; padding:3px 2px 2px 20px; } #thediv{ height:36px; overflow:hidden; } </style> <script type="text/javascript"> var c, _ = Function; window.onload=function(){ with (o = document.getElementById("thediv")){ innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0"); } (F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g,"o.scrollTop")))(); } </script> </head> <body> <div class="main"> <div id="thediv"> <a>螞蟻部落歡迎您</a> <a>只有奮斗才會有好的結果</a> <a>高手都是從菜鳥成長而來</a> <a>太陽馬上就要出來了</a> </div> </div> </body> </html>
以上代碼就實現(xiàn)了文字垂直滾動的效果,文字可有上下間歇性的滾動,有需要的朋友可以來參考下,希望大家喜歡。
相關文章
微信小程序MUI導航欄透明漸變功能示例(通過改變rgba的a值實現(xiàn))
這篇文章主要介紹了微信小程序MUI導航欄透明漸變功能,結合實例形式分析了通過改變rgba的a值實現(xiàn)透明度漸變功能的相關操作技巧,需要的朋友可以參考下2019-01-01關于js中window.location.href,location.href,parent.location.href
關于js中window.location.href,location.href,parent.location.href,top.location.href的用法2010-10-10JavaScript實現(xiàn)的鼠標響應顏色漸變效果完整實例
這篇文章主要介紹了JavaScript實現(xiàn)的鼠標響應顏色漸變效果,涉及javascript面向對象及事件監(jiān)聽、響應機制相關操作技巧,需要的朋友可以參考下2017-02-02