onbounce事件

1 介绍

onbounce事件是在<marquee>标记中的内容滚动到上下或左右边界时触发的事件处理程序，该事件只有在<marquee>标记的behavior属性设为aloernate时才有效。

 

2 应用

字幕滚动到窗口边界时速度逐渐加快（减慢）

本示例是将<marquee>标记的behavior属性设为aloernate，direction属性设置为up，使字幕可以在页面中上下循环滚动，并通过onbounce事件在字幕到达窗口边界时，修改scrollAmount属性值，改变字幕的滚动速度。

 

3 代码

<marquee behavior="alternate" scrollamount="1" direction="up" onbounce="pp()">
第一行滚动字幕<br> 
第二行滚动字幕<br>
第三行滚动字幕
</marquee>
<script language="javascript">
<!--
var i=1;
var t=true;
function pp()  //逐渐增加或减少字幕的滚动速度
{
 var e=window.event;
 var obj=e.srcElement;
 if (i==8)
 t=false;
 if (i==1)
 t=true;
 if (t==false)
 i=i-1;
 else
 i=i+1;
 obj.scrollAmount=i;
}
//-->
</script>

 

4、运行效果

 

• 
• 大小: 1.1 KB

• 查看图片附件