文字垂直滾動(dòng)之javascript代碼
更新時(shí)間：2015年07月29日 17:54:01 作者：我是代碼努力
這篇文章主要應(yīng)用javascript代碼實(shí)現(xiàn)文字垂直滾動(dòng)的效果,需要的朋友可以參考下
在大型的網(wǎng)站新聞公告和友情鏈接等領(lǐng)域經(jīng)常有這種文字或圖片垂直滾動(dòng)的效果，下面就介紹一下文字垂直滾動(dòng)的javascript代碼。
javascript代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://chabaoo.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>只有奮斗才會(huì)有好的結(jié)果</a>
<a>高手都是從菜鳥成長而來</a>
<a>太陽馬上就要出來了</a>
</div>
</div>
</body>
</html>
以上代碼就實(shí)現(xiàn)了文字垂直滾動(dòng)的效果，文字可有上下間歇性的滾動(dòng)，有需要的朋友可以來參考下，希望大家喜歡。
相關(guān)文章
基于JavaScript實(shí)現(xiàn)飄落星星特效
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)飄落星星特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
JS實(shí)現(xiàn)的省份級(jí)聯(lián)實(shí)例代碼
這篇文章主要介紹了js下省份級(jí)聯(lián)效果，需要的朋友可以參考一下2013-06-06
javascript 常用驗(yàn)證函數(shù)總結(jié)
隨著做項(xiàng)目數(shù)量的越來越越多，其中用到j(luò)s的地方很多相同，這里自己整理了一些常用表單驗(yàn)證的js方法，雖然和其他js驗(yàn)證框架有一定的差距，但是畢竟是自己總結(jié)的一些東西，在此與紀(jì)錄分享一下。2016-06-06
當(dāng)談到JavaScript編程中的高級(jí)概念和技巧時(shí),閉包（Closures）是一個(gè)重要而有趣的主題,閉包是一種函數(shù)與其創(chuàng)建時(shí)的詞法環(huán)境的組合,它允許我們捕獲和保留局部變量,并在函數(shù)之外使用它們,在這篇文章中,我們將深入探討JavaScript中閉包的4種有用技巧2023-10-10
微信小程序MUI導(dǎo)航欄透明漸變功能示例(通過改變r(jià)gba的a值實(shí)現(xiàn))
這篇文章主要介紹了微信小程序MUI導(dǎo)航欄透明漸變功能,結(jié)合實(shí)例形式分析了通過改變r(jià)gba的a值實(shí)現(xiàn)透明度漸變功能的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
js實(shí)現(xiàn)適合新聞?lì)悎D片的輪播效果
本文主要分享了js實(shí)現(xiàn)適合新聞?lì)悎D片輪播效果的示例代碼，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
關(guān)于js中window.location.href,location.href,parent.location.href
關(guān)于js中window.location.href,location.href,parent.location.href,top.location.href的用法2010-10-10
這篇文章主要介紹了Js代碼中的span拼接問題解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
這篇文章主要分享了JavaScript?微任務(wù)和宏任務(wù)講解，在js中，我們一般將所有的任務(wù)都分成兩類，一種是同步任務(wù)，另外一種是異步任務(wù)。而在異步任務(wù)中，又有著更加細(xì)致的分類，那就是微任務(wù)和宏任務(wù)，下面來一起學(xué)習(xí)js中的微任務(wù)和宏任務(wù)吧2021-12-12
JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果完整實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果,涉及javascript面向?qū)ο蠹笆录O(jiān)聽、響應(yīng)機(jī)制相關(guān)操作技巧,需要的朋友可以參考下2017-02-02