JS:鼠标经过同时触发两个事件

2018-12-29  本文已影响0人  十月木樨

鼠标经过,同时触发两个事件的写法:

onmouseover="SweapImag();ShowHideLink()"

eg:

onmouseover="ct=window.setInterval('pageclick1(\'click2\')',500);this.src='images/Image3.png'"

onmouseout="window.clearInterval(ct);this.src='images/Image2.png'"

注释:

(1)ct=window.setInterval(' pageclick1(\'click2\')',500) 鼠标经过时,延迟半秒钟,再触发事件pageclick1('click2')

(2)window.clearInterval(ct) 延迟时间未到,鼠标移开,事件将不会触发

(3)数字500,代表半秒钟;1000代表一秒钟

(4)注意符号的换写(例如pageclick1('click2')将换成' pageclick1(\'click2\')')

(5)this.src='images/Image2.png' 写在<img>标签中,当鼠标经过/离开时,图片变换

(6)写延迟功能时,该写法window.setInterva,onmouseover与onmouseout必须同时写

上一篇 下一篇

猜你喜欢

热点阅读