javascript - 如何创建谷歌效果？

Question

可能重复：
在鼠标移动时淡入（如在 google.com 上）

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

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

Answer 1

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

使用 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 视频教程http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/

这会帮助你