Friday, October 28, 2011

jQuery Image Hover Fade Effect

1 komentar
You can see the Demo First
DEMO 
1. First Step
Login to blogger
2. Second Step
Go to HTML editor
3. Third Step
Find </head>
4. Fourth Step
Insert this code before </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script type='text/javascript'>
$(document).ready(function() {
$('img').fadeTo('slow', 0.5);
$('img').hover(function() {
$(this).fadeTo('slow', 1.0);
}, function() {
$(this).fadeTo('slow', 0.5);
});
});
</script>
5. Fifth Step
Save your template and you will see the Fade Effect
Source
EZGN72YKNPY8 Technorati Claim


Vertical Slide Panel Info With jQuery | Click Here

1 comment:

 
My photo
15 years old blogger from Indonesia. Yahya Ayyash. Born on 4th March 1996. Started blogging since 2011, part time blogger. Just an amateur web designer, graphic designer and blogger. Student at SMAN 9 Bandung, at Ten Three Class. Please follow my twitter and like my facebook fan page.