我试图在鼠标没有动作3秒钟后淡出图像,然后当鼠标再次移动时淡入。
如果有人告诉我如何让图像隐藏直到鼠标移动,我将不胜感激。因此,当页面加载时,您看不到图像,直到鼠标移动。
这是我目前的代码...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
var timer;
$(document).mousemove(function() {
if (timer) {
clearTimeout(timer);
timer = 0;
}
$('#top:visible').fadeIn();
timer = setTimeout(function() {
$('#top').fadeOut()
}, 3000)
})
</script>
</head>
<body>
<div id="top">
<img src="graphics/logo/logo.psd" title="" alt="">
</div>
</body>
</html>
非常感谢您的帮助!