文本向上滚动可指定间隔时间

最新推荐文章于 2021-06-19 22:34:44 发布

weixin_34353714

最新推荐文章于 2021-06-19 22:34:44 发布

阅读量169

点赞数

文章标签： xhtml javascript python ViewUI

原文链接：https://my.oschina.net/bojinzhu/blog/28997

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>文本向上滚动可指定间隔时间</title>
<head>
<style type="text/css">
<!--
/*滚动样式*/
#scrolllayer {float:left;overflow:hidden;height:18px;width:100%; display:block; margin-top:3px; border:1px red solid;}
#scrollmessage {float:left;text-align:left;width:100%;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.51xuediannao.com/js/" target="_blank" title="懒人建站只收录实用和能提高用户体验的代码">懒人建站只收录实用和能提高用户体验的代码</a></li>
<li><a href="http://51xuediannao.com/" target="_blank" title="解放出你的部分写代码时间来思考更高层次的设计">解放出你的部分写代码时间来思考更高层次的设计</a></li>
<li><a href="http://www.51xuediannao.com/JS/texiao/" target="_blank" title="懒人建站--网页特效">懒人建站--网页特效</a></li>
<li><a href="http://www.51xuediannao.com/JS/Slide/" 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     = 500;//宽度
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>

转载于:https://my.oschina.net/bojinzhu/blog/28997