文字垂直滾動之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.fzitv.net/" />
<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)了文字垂直滾動的效果，文字可有上下間歇性的滾動，有需要的朋友可以來參考下，希望大家喜歡。
相關文章
下面的代碼注意實現(xiàn)先判斷l(xiāng)i是否有樣式，如果沒有，就添加一個樣式，原理呢，就是批量檢測li的className屬性2008-09-09
Echarts圖表點擊x軸y軸切換圖表二級數(shù)據(jù)實例代碼
最近項目用到了Echarts圖進行數(shù)據(jù)展示,所以下面這篇文章主要給大家介紹了關于Echarts圖表點擊x軸y軸切換圖表二級數(shù)據(jù)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
收藏Javascript中常用的55個經(jīng)典技巧...2007-08-08
本文主要介紹了js遞歸和定時器的相關知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
神奇的正則表達式可以幫助我們搞定所需的格式驗證，常用的有手機號碼，密碼等，另附上做項目經(jīng)常用到的一些正則，記錄一下2014-09-09
js刪除數(shù)組中的元素delete和splice的區(qū)別詳解
下面小編就為大家分享一篇js刪除數(shù)組中的元素delete和splice的區(qū)別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
js獲取元素到可視區(qū)的距離、瀏覽器窗口滾動距離及元素距離瀏覽器頂部距離
這篇文章主要給大家介紹了關于js獲取元素到可視區(qū)的距離、瀏覽器窗口滾動距離及元素距離瀏覽器頂部距離的相關資料,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-11-11
JS實現(xiàn)黑色風格的網(wǎng)頁TAB選項卡效果代碼
這篇文章主要介紹了JS實現(xiàn)黑色風格的網(wǎng)頁TAB選項卡效果代碼,通過簡單的頁面元素遍歷控制頁面tab切換效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
JS來動態(tài)的修改url實現(xiàn)對url的增刪查改
通過get方式提交post表單等方式來動態(tài)修改url存在諸多的不妥，因此，想到了通過JS來動態(tài)的修改url，來實現(xiàn)對url的增刪查改2014-09-09
這篇文章主要介紹了javascript原型鏈和繼承的概念，以及使用原型鏈實現(xiàn)繼承、經(jīng)典繼承、組合式繼承、寄生組合式繼承。非常實用，是篇非常不錯的文章，這里推薦給大家。2014-09-09