当前位置:首页 > 网页特效代码:按设定时间滚动的文本信息

网页特效代码:按设定时间滚动的文本信息

点击次数:1495  更新日期:2011-01-05
\n

网页特效代码,按设定时间向上滚动的文本信息,可以当做网站公告!或者其它别的新闻等!!时间可以自己设定。


\n

<html>
<title>按一定时间向上滚动的文本信息!dwww.cn</title>
<style type=”text/css”>
<!–
/*顶部滚动秀*/
#scrolllayer {float:left;overflow:hidden;height:18px;background:#E0E0E0;padding:0px;width:180px; margin-top:3px;}
#scrollmessage {float:left;text-align:left;width:180px;font-size:12px;font-family: “宋体”;}
#scrollmessage ul {list-style:none; padding:0; margin:0;}
#scrollmessage li {line-height:18px;color:#FF0000;}
#scrollmessage li a{color:#FF0000; text-decoration:none;}
–>
</style>
</head>
<body>
<div id=”scrolllayer”>
<div id=”scrollmessage”>
<ul>
<li><a href=”http://www.dwww.cn/design.asp” target=”_blank” title=”网页教程”>网页教程</a></li>
<li><a href=”http://www.dwww.cn/cool.asp” target=”_blank” title=”酷站欣赏”>酷站欣赏</a></li>
<li><a href=”http://www.dwww.cn/photo.asp” target=”_blank” title=”网页素材”>网页素材</a></li>
<li><a href=”http://www.dwww.cn/web.asp” target=”_blank” title=”设计网址”>设计网址</a></li>
</ul>
</div>
</div>
<script type=”text/javascript” language=”javascript”>
<!–
//以下参数请勿修改
try{
var marqueesHeight = 18; //高度
var stopscroll = false;
var scrollElem = document.getElementById(“scrolllayer”);
with(scrollElem){
style.width = 60;//宽度
style.height = marqueesHeight;
style.overflow = ‘hidden’;
noWrap = true;
}
scrollElem.onmouseover = new Function(‘stopscroll = true’);
scrollElem.onmouseout = new Function(‘stopscroll = false’);
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById(“scrollmessage”);
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
}catch(e) {}
function init_srolltext(){
scrollElem.scrollTop = 0;
setInterval(‘scrollUp()’, 15); //滚动速度
}
function scrollUp(){
if(stopscroll) return;
currentTop += 1;
if(currentTop == 19) { //滚动距离
stoptime += 1;
currentTop -= 1;
if(stoptime == 220) { //停顿时间
currentTop = 0;
stoptime = 0;
}
}else{
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if(preTop == scrollElem.scrollTop){
scrollElem.scrollTop = 0;
scrollElem.scrollTop += 1;
}
}
}
//–>
</script>
</body>
</html>

\n