欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

文字垂直滾動之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)了文字垂直滾動的效果,文字可有上下間歇性的滾動,有需要的朋友可以來參考下,希望大家喜歡。

相關文章

  • 基于JavaScript實現(xiàn)飄落星星特效

    基于JavaScript實現(xiàn)飄落星星特效

    這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)飄落星星特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • JS實現(xiàn)的省份級聯(lián)實例代碼

    JS實現(xiàn)的省份級聯(lián)實例代碼

    這篇文章主要介紹了js下省份級聯(lián)效果,需要的朋友可以參考一下
    2013-06-06
  • javascript 常用驗證函數(shù)總結

    javascript 常用驗證函數(shù)總結

    隨著做項目數(shù)量的越來越越多,其中用到js的地方很多相同,這里自己整理了一些常用表單驗證的js方法,雖然和其他js驗證框架有一定的差距,但是畢竟是自己總結的一些東西,在此與紀錄分享一下。
    2016-06-06
  • JavaScript中閉包的4個有用技巧分享

    JavaScript中閉包的4個有用技巧分享

    當談到JavaScript編程中的高級概念和技巧時,閉包(Closures)是一個重要而有趣的主題,閉包是一種函數(shù)與其創(chuàng)建時的詞法環(huán)境的組合,它允許我們捕獲和保留局部變量,并在函數(shù)之外使用它們,在這篇文章中,我們將深入探討JavaScript中閉包的4種有用技巧
    2023-10-10
  • 微信小程序MUI導航欄透明漸變功能示例(通過改變rgba的a值實現(xiàn))

    微信小程序MUI導航欄透明漸變功能示例(通過改變rgba的a值實現(xiàn))

    這篇文章主要介紹了微信小程序MUI導航欄透明漸變功能,結合實例形式分析了通過改變rgba的a值實現(xiàn)透明度漸變功能的相關操作技巧,需要的朋友可以參考下
    2019-01-01
  • js實現(xiàn)適合新聞類圖片的輪播效果

    js實現(xiàn)適合新聞類圖片的輪播效果

    本文主要分享了js實現(xiàn)適合新聞類圖片輪播效果的示例代碼,具有一定的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • 關于js中window.location.href,location.href,parent.location.href,top.location.href的用法與區(qū)別

    關于js中window.location.href,location.href,parent.location.href

    關于js中window.location.href,location.href,parent.location.href,top.location.href的用法
    2010-10-10
  • Js代碼中的span拼接問題解決

    Js代碼中的span拼接問題解決

    這篇文章主要介紹了Js代碼中的span拼接問題解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-11-11
  • JavaScript?微任務和宏任務講解

    JavaScript?微任務和宏任務講解

    這篇文章主要分享了JavaScript?微任務和宏任務講解,在js中,我們一般將所有的任務都分成兩類,一種是同步任務,另外一種是異步任務。而在異步任務中,又有著更加細致的分類,那就是微任務和宏任務,下面來一起學習js中的微任務和宏任務吧
    2021-12-12
  • JavaScript實現(xiàn)的鼠標響應顏色漸變效果完整實例

    JavaScript實現(xiàn)的鼠標響應顏色漸變效果完整實例

    這篇文章主要介紹了JavaScript實現(xiàn)的鼠標響應顏色漸變效果,涉及javascript面向對象及事件監(jiān)聽、響應機制相關操作技巧,需要的朋友可以參考下
    2017-02-02

最新評論