jQuery Plugin for CSS Mouse Hover Image Overlay Animations
Add-ons
Plugin Description: nsHover is a simple and practical jQuery plugin for creating animated image overlay effects on mouse hover. This plugin allows you to create animated overlay effects on images or block-level elements when the mouse hovers over them. You can customize the overlay's foreground and background colors and create circular image effects. It is very practical.
Using this mouse hover
plugin requires including the jQuery and ns.hover.min.js files.
1 2 | <script src="js/jquery.min.js"></script><script src="js/ns.hover.min.js"></script> |
After the page DOM elements have finished loading, simply call the nsHover() method on the elements where you want to create hover effects. You can also call this method on a parent element to initialize all its child elements.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script> $(container_class_or_id).nsHover({ scaling : false, speed: 'normal', rounded: 'normal', bgcolor: '#ffffff', bgopacity : 0.5, bgpic : 'imgs/lens.png', bgsize : '50%', bganim : 'fade', shadow : false, content: '' });</script> |
评论