文字垂直滚动之javascript代码

2024-05-06 16:24:03

字体：大中小

来源：转载

供稿：网友

这篇文章主要应用javascript代码实现文字垂直滚动的效果,需要的朋友可以参考下

在大型的网站新闻公告和友情链接等领域经常有这种文字或图片垂直滚动的效果，下面就介绍一下文字垂直滚动的javascript代码。

javascript代码如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://www.vevb.com/" />

<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>