2010-07-16 29 views
0

可能重复:
Fade in on mouse movement (like on google.com)如何创建谷歌效果?

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

我想要确切的效果。详细解释我在我的主页上使用它。

+0

谷歌有这么多的效果....其效果是ü谈论生根粉? elaborate plz – PHP 2010-07-16 12:39:24

+0

你说的是谷歌主页的淡入淡出效果吗? – Krunal 2010-07-16 12:43:45

+0

http://www.google.com/ - 我猜这是一个。顺便说一句:我很惊讶这个问题得到了+2。 – 2010-07-16 12:46:44

回答

2

用户JQUERY animate or fedindocument 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> 
+1

有人,请更正错别字: - ) – Vanya 2010-07-16 12:49:48

2

您可以使用jQuery

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

此代码将淡入所有Ë与controlsContainer一类的lements。

+3

为什么-1? +1给我。 – 2010-07-16 12:45:41

+2

为什么这会降低投票率? – SLaks 2010-07-16 13:05:45

1

检查并了解该链接中的内容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的beginerrs http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/

的视频教程,这将帮助你