W3 Mind Logo
Home » How to highlight an element and dim the rest on mouseover

How to highlight an element and dim the rest on mouseover

Hello Friends,
If you want to apply a nice mouseover effect on your images. You can try the below script.
If you guys have noticed, then this mouseover effect is happening in many sites these days. This can make your normal images or say elements interactive and attractive 🙂

				
					<script type="text/javascript">
jQuery(document).ready(function(e) {
$('div').hover(function() {
    $('div').css({opacity: '0.7'});
    $(this).css({opacity: '1'});
}, function() {
    $('div').css({opacity: '1'})}
);
});
</script>
				
			
About Author
Picture of W3Mind

W3Mind

W3Mind focuses on Blogging, Make Money Online, SEO, Business Blogging, Social Media, WordPress, Internet Tools, Web Design and Development.
Give it a Share
Facebook
Twitter
LinkedIn
You May Also Like
How to
START A
BLOG
(step by step)
Load WordPress Sites in as fast as 37ms!