Question:
Possible Duplicate:
Fade in on mouse movement (like on google.com)
i wonder how to create google effect on my home page.
i want exacty same effect. explain me in detail to use it on my home page.
Solution:1
You can use jQuery:
$('.controlsContainer').fadeIn(); This code will fade in all elements with a class of controlsContainer.
Solution:2
user JQUERY animate or fedin with document mouseover event will help you
Creating a Mouseover Fade Effect with jQuery
Fore example :
<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>
Solution:3
check and learn contents in this link http://docs.jquery.com/Main_Page. its the documentation of jquery. try learn it your self, while doing it if you face problems you query it.
And also this link http://net.tutsplus.com/tutorials/javascript-ajax/15-resources-to-get-you-started-with-jquery-from-scratch/.
this link points to video tutorials of jquery for beginerrs http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/
this will help you
Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
EmoticonEmoticon