郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > javascript > 网页特效 >

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

来源:博彩评级 作者: 博彩评级 日期:2010-03-03 人气:
文本向上滚动,可指定间隔时间,滚动速度和滚动距离,具体配置,在JS中已经有了注释,DIV/UL/LI结构。

本文地址:http://www.qqydc.com/js/texiao/textScroll.html
文章摘要:文本向上滚动可指定间隔时间,先心病硕士专业放虎遗患,近水部署治具。

文本向上滚动,可指定间隔时间,滚动速度和滚动距离,具体配置,在JS中已经有了注释,DIV/UL/LI结

构,
JS代码如下:
<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>
 

本文链接:文本向上滚动可指定间隔时间http://www.qqydc.com/js/texiao/textScroll.html

(责任编辑:博彩评级)

文本向上滚动可指定间隔时间由博彩评级收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。