很多时候我们会进行这样的设计，鼠标经过一个对象时，会滑出另一个对象。这样效果非好，也为网站增加了不少新意。但是不合理的代码会大大的影响浏览者阅读。

假如鼠标经过此对象马上就滑出另一对象，当用户用意间经过此对象，比如他要去点操作项时，这样却滑出了个东西，很另人费解。

解决办法也相对简单一些，就是加一个延时。

JavaScript代码

<script type=”text/javascript”>
var bigTimeout = false;

function iOver() { // 鼠标经过时
bigTimeout = setTimeout(function() {
// 您要进行的操作
}, 500); // 延时500
}

function iOut() { // 无意经过时
clearTimeout(bigTimeout)
}
</script>