Tutorial :how to create google effect? [duplicate]



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
Previous
Next Post »