CSS and JQuery Image Effects for Blogger – Mouse Over Image Fade Effect

Give a new look to your image with these awesome JQuery and CSS image effects. These images are hand-picked(by me) from some blogger resource sites which are quite easy to add in your blogs. These images can also make your visitors attract. Let’s get started!

J-Query Mouse Over Image Fade Effect

Demo

Go to Blogger.com and click Design > Edit HTML and press Ctrl+F and look for </head> and before it add the below code

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’/><script type=’text/javascript’>$(document).ready(function(){$(“.post img”).fadeTo(“slow”, 1.0); $(“.post img”).hover(function(){$(this).fadeTo(“slow”, 0.5); },function(){$(this).fadeTo(“slow”, 1.0); });});</script><script type=’text/javascript’>$(document).ready(function(){$(“.latest_img”).fadeTo(“slow”, 1.0); $(“.latest_img”).hover(function(){$(this).fadeTo(“slow”, 0.5); },function(){$(this).fadeTo(“slow”, 1.0); });});</script>

Leave a Reply

CommentLuv badge

© 2017 Daily Blog Tools. All rights reserved. Site Admin · Entries RSS · Comments RSS
Powered by WordPress · Designed by Theme Junkie