左侧盒子鼠标移入,小滑块和右侧图片显示,衔接鼠标移动效果
onmouseenter 事件类似于 onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡。
//鼠标移动效果 leftone.onmousemove = function(e){ var e=e||window.event; //判断事件源 box.style.display = "block"; getPosition(e); rightone.style.display = "block"; } //鼠标移出效果 leftone.onmouseleave = function(e){ var e=e||window.event; //判断事件源 box.style.display = "none"; rightone.style.display = "none"; }
5、效果图