Javascript 在页面加载时更改元素可见性
好吧，对于那些看过谷歌新页面的人来说，我正试图在我自己的网页上得到一个类似的想法。基本上，我希望中间的图像在屏幕上移动的鼠标上消失。以下是网址： 这是我用来获得大部分影响的Jquery：Javascript 在页面加载时更改元素可见性,javascript,jquery,fade,Javascript,Jquery,Fade,好吧，对于那些看过谷歌新页面的人来说，我正试图在我自己的网页上得到一个类似的想法。基本上，我希望中间的图像在屏幕上移动的鼠标上消失。以下是网址： 这是我用来获得大部分影响的Jquery： 但是，正如您可能知道的，图像会加载，然后淡出。我希望的是，在你移动鼠标之前，图像根本看不到，就像在谷歌网页上一样。我想用javascipt和CSS来改变图像的可见性，但我不知道该怎么做。如果您有任何想法，我们将不胜感激 对于CSS： imageID{opacity:0.0;filter:alpha(opaci
但是，正如您可能知道的，图像会加载，然后淡出。我希望的是，在你移动鼠标之前，图像根本看不到，就像在谷歌网页上一样。我想用javascipt和CSS来改变图像的可见性，但我不知道该怎么做。如果您有任何想法，我们将不胜感激 对于CSS：
imageID{opacity:0.0;filter:alpha(opacity=00)}
$(document).ready(function(){
$("imageID").fadeIn("slow"3);
});
div.fade_in { display: none; }
$(function() {
$("div.fade_in").fadeIn();
});
function fade_in() {
$("div.fade_in").fadeIn();
$("html").unbind("mousemove", fade_in);
}
$("html").mousemove(fade_in);
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://mageia.rh.rit.edu//resources/main.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
function fade_in() {
$("div.fade_in").fadeIn();
$("html").unbind("mousemove", fade_in);
}
$(function() {
$("html").mousemove(fade_in);
});
</script>
<style type="text/css">
div.fade_in { display: none; }
</style>
</head>
<body>
<h1 class="centertext">Welcome to Mageia</h1>
<h3 class="centertext">The Works of Genii</h3>
<div id = "container" class="fade_in" >
<img class="image1" src="http://mageia.rh.rit.edu/resources/Escher.gif" />
</body>
</html>
函数fade_in（）{
$（“div.fade_in”）.fadeIn（）；
$（“html”）.unbind（“mousemove”，淡入）；
}
$（函数（）{
$（“html”）.mousemove（淡入）；
});
{display:none；}中的div.fade_
欢迎来到Mageia
天才的作品
display:noneopacity