在网上搜到了一段滚动字幕的代码,有几处总也看不明白:
<style type="text/css">
#demo{overflow:hidden;height:25px;line-height:25px;text-align:center;}
</style> <div id="demo">
第一行<br />第二行<br />第三行<br />第四行<br />
</div>
<script type="text/javascript">
var c = document.getElementById("demo");
c.innerHTML += c.innerHTML;
c.scrollTop = 0;
function scrolling(){
var h = document.getElementById("demo").style.height;
if(c.scrollTop%h != 0){//这里用c.scrollTop去除div的高度求余做什么?
c.scrollTop += 1;//让卷去的高度加一?
if(c.scrollTop >= c.scrollHeight/2)c.scrollTop = 0;//这里判断条件判断什么?
}
setTimeout(scrolling,100);
}
</script>
求高人释疑
<style type="text/css">
#demo{overflow:hidden;height:25px;line-height:25px;text-align:center;}
</style> <div id="demo">
第一行<br />第二行<br />第三行<br />第四行<br />
</div>
<script type="text/javascript">
var c = document.getElementById("demo");
c.innerHTML += c.innerHTML;
c.scrollTop = 0;
function scrolling(){
var h = document.getElementById("demo").style.height;
if(c.scrollTop%h != 0){//这里用c.scrollTop去除div的高度求余做什么?
c.scrollTop += 1;//让卷去的高度加一?
if(c.scrollTop >= c.scrollHeight/2)c.scrollTop = 0;//这里判断条件判断什么?
}
setTimeout(scrolling,100);
}
</script>
求高人释疑
解决方案 »
- js中字符串操作 正则表达式
- 为什么输出时会出现一闪一闪的
- jquery easyui 中的datagrid中的数据是动态绑定的。且可编辑。如何设置焦点到其当前编辑行的元素?
- javascript中prototype的用法
- 我怎么取前面的地址???
- jquery操作checkbox问题!
- 要想拖动层,该如何实现,急急!!
- 请问:如何从字符串"abacabe"中提取出abce这样的字符,也就是将重复出现的字符只需一次,有什么好的、效率高的方法?
- 播放……
- 用Input+Div实现类似Select的效果,定位问题,请教如何处理
- JS 字体放大缩小
- document.getElementById("xxx").value 在IE,FF下均不能获取值?是怎么一回事
#demo{overflow:scroll ……var h = ……
window.status = "h=" + h + " c.scrollTop=" + c.scrollTop;//可以再加几个想关注的变量再把时间间隔改大一点,运行时看下状态栏。
相信这样LZ就可以看明白了。
c.scrollTop += 1;//让卷去的高度加一?这里是指div的滚动高度加一,也就是当滚动条向下拉,内容:第一行,第二行向上走的效果。
if(c.scrollTop >= c.scrollHeight/2)c.scrollTop = 0;这个判断是指当滚动的高度大于文档高度的一半时,让滚动高度重置为0,因为滚动高度最大值了DIV的内容就不会向上移动的效果。所以这里重置一下滚动高度
大概就是这样吧!!说得不好,楼主批评哈!