如何创建谷歌效果？

Question

可能的重复：
鼠标移动时淡入（就像在 google.com 上一样）

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

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

Answer 1

您可以使用 jQuery：

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

此代码将淡入所有具有 controlsContainer 类的元素。

Answer 2

用户 JQUERY animate 或 fedin 与 document mouseover 事件将帮助您

使用 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 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/

这会对你有帮助