如何创建谷歌效果？

Question

  

可能重复：
  Fade in on mouse movement (like on google.com)

我想知道如何在我的主页上创建谷歌效果。

我想要完全相同的效果。详细解释我在我的主页上使用它。

Answer 1

带有animate or fedin事件的用户JQUERY document mouseover将为您提供帮助

Creating a Mouseover Fade Effect with jQuery

例如：

<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>

Answer 2

您可以使用jQuery：

$('.controlsContainer').fadeIn();

此代码将使用controlsContainer类的所有元素淡入淡出。

Answer 3

检查并了解此链接 http://docs.jquery.com/Main_Page 中的内容。它是jquery的文档。尝试学习你的自己，如果你遇到问题，你可以自己去做。

此链接 http://net.tutsplus.com/tutorials/javascript-ajax/15-resources-to-get-you-started-with-jquery-from-scratch/ 。

此链接指向jquery for beginerrs的视频教程 http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/

这会对你有所帮助