JavaScript onmousemove 事件

JavaScript010

JavaScript onmousemove 事件,第1张

定义和用法

onmousemove 事件会在鼠标指针移动时发生。

语法

onmousemove="SomeJavaScriptCode"

参数描述

SomeJavaScriptCode    必需。规定该事件发生时执行的 JavaScript。    

支持该事件的 HTML 标签:

<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, 

<caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, 

<form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, 

<li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, 

<sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, 

<tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象:

onmousemove is, by default, not an event of any object, 

because mouse movement happens very frequently.

提示和注释

注释:每当用户把鼠标移动一个像素,就会发生一个 mousemove 事件。这会耗费系统资源去处理所有这些 mousemove 事件。因此请审慎地使用该事件。

实例:

下面的例子中,当用户把鼠标移动到图像上时,将显示一个对话框:

<img src="/i/eg_mouse2.jpg" alt="mouse"

onmousemove="alert('您的鼠标刚才经过了图片!')" />

-.- 为什么要控制table 下滑, 而不是整个DIV下移?

timer 控制DIV下移. 当然, 内容复制双份用以控制不断层迭代

mouseon 的时候timer stop.

mouseoff 时候time start...

具体code 就不写了. 你试试呀.

PS, 这种滚动提示栏的实现网上有大把示例code的.

onmousemove是当鼠标在元素上面移动时触发的事件,hover则是当鼠标放在元素上(不管有没有移动)时元素的样式设定。前者是js,后者是css。hover只能设定元素的样式(大小、颜色、边框、字体等),而onmouseover可以运行几乎任何脚本代码,两者不可同日而语。如果你只是想当鼠标移到元素上时改变其属性,建议用hover,这样最简单、效率最高。如果是需要css无法胜任的复杂效果,则用onmousemove(但建议最好改用onmouseover与onmouseout的组合,原因自己去百度)。