html滚动字幕⿏标经过,滚动字幕marqueeonMouse事件详解及
实例
⽹页中的滚动字幕,是通过marquee来实现的,在其语法中,onMouse事件是⽐较关键的,可以实现很多我们想要实现的特殊动态效果。
本⽂,着重为你介绍onMouse事件详解及实例。html滚动效果代码
onMouse这个参数,也称为⿏标事件参数,即⿏标在滚动字幕区域之内所实现的动态效果。
⼀、onMouse的五种事件
⿏标事件参数,共分为五种情况,分别是:
onMouseDown:指的是⿏标按下时所触发的事件。
onMouseUp:指的是⿏标按下后松开时所触发的事件。
onMouseOver:指的是⿏标移动到某对象范围之内所触发的事件。
onMouseOut:指的是⿏标离开对象范围时所触发的事件。
onMouseMove:指的是移动⿏标时所触发的事件。
⼆、onMouse的实例
①简单例⼦
⼤众计算机
⼤众三七
上⾯的滚动字幕marquee使⽤了两种onmouse事件,分别是:οnmοuseοver=this.stop(),οnmοuseοut=this.start() 前者代表⿏标移动到滚动字幕范围之间,就停⽌滚动;后者代表⿏标离开滚动字幕这个范围,字幕⼜开始接着滚动。这种效果⼀般⽤于公告栏或者是列表信息。
②结合JS的例⼦
function mouseOver()
{
}
function mouseOut()
{
}
上⾯的并未使⽤滚动字幕,⽽是直接使⽤onmouse参数。结合了JS代码实现特殊效果,⿏标移动到超级链接上,会显⽰⼀张图⽚;⿏标离开超级链接后⼜显⽰另外⼀张图⽚。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。