从网上找到的一段定时向上滚动文字的JS代码 和大家分享

从网上找到的一段定时向上滚动文字的JS代码 和大家分享

首先要感谢这段JS代码的作者,给我带来很大的方便
代码如下:
<!--溢出时隐藏(如果边的范围超过总高度,那总高以外的数据隐藏),总高为22px,行高为22px-->
<div style="overflow:hidden;height:22px;line-height:22px">
<!--调用marqueebox对象,行高22px,字体14px-->
<div id=marqueebox style="line-height:22px;font-size:14px">
<!--连接地址 窗口打开方式 显示文字-->
    <a href='http://www.163.com' target='_blank'>网易</a><br>
    <a href='http://www.sina.com' target='_blank'>新浪</a><br>
    <a href='http://hi.baidu.com/黄hdj241_' target='_blank'>夔州刑事检察</a><br>
    <a href='http://hi.baidu.com/26045055' target='_blank'>有空坐坐</a><br>
    <a href='http://hi.baidu.com/buphon' target='_blank'>来看你</a><br>
    <a href='http://hi.baidu.com/360安全卫士' target='_blank'>360安全卫士 360安全卫士...</a><br>
    <a href='http://hi.baidu.com/fqyz' target='_blank'>分享阳光,分担风雨</a><br>
</div></div>
<script>
function startmarquee(lh,speed,delay) {   //函数 函数名(变量1,变量2,变量3)
var p=false; //定义变量 p为假;
var t; //定义变量t了
var o=document.getElementById("marqueebox"); //定义变量o为document.getElementById("marqueebox")对象
o.innerHTML+=o.innerHTML; //设置变量o的innerHTML对象为自加
o.style.marginTop=0; //o的属性,设置或获取对象的上边距宽度
o.οnmοuseοver=function(){p=true;} //光标在滚动字幕范围内暂停滚动
o.οnmοuseοut=function(){p=false;} //光标在滚动字幕范围外也就是离开的时候继续滚动

function start(){ //“开始”函数
t=setInterval(scrolling,speed); //给前面定义的变量t赋值=自动(滚动,速度)
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px"; //当P为空,属性o的上边距宽度为数字[把变量o上边距宽度转为integer类型,其中parseInt功能为转换]
}

function scrolling(){ //“滚动”函数
if(parseInt(o.style.marginTop)%lh!=0){ //如果对象o的上边距宽度为空,则为0(parseInt为转换作用)
o.style.marginTop=parseInt(o.style.marginTop)-1+"px"; //上边距宽度为数字[把变量o上边距宽度转为integer类型,其中parseInt功能为转换]
if(Math.abs(parseInt(o.style.marginTop))>=o.scrollHeight/2) o.style.marginTop=0; //如果计算出来的上边距宽度大于或者等于滚动的高度除以2 则o的上边距宽度为0
}else{ //否则
clearInterval(t); //指定T为空
setTimeout(start,delay);//指定暂停时间(开始,延迟)
}//相当于end if,表示结束如果
}//相当于end if,表示结束如果

//新的开始,不包含在前面的如果里面
setTimeout(start,delay); //指定暂停时间(开始,延迟)
}
startmarquee(22,20,1500); //滚动属性(滚动高度,速度,延迟)
</script>

为了您的安全,请只打开来源可靠的网址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值