jquery - bounce effect not working -
i want make list items bounce on hover, can't seem figure out why it's not working. link coding on jsfiddle: http://jsfiddle.net/wrdweaver6/amhjk/
here code using in html head:
<head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#nav > li').hover(function() { $(this).effect('bounce',{times: 2},'slow'); }); }); </script> </head> here body:
<body> <div id="nav"> <ul> <li>word lists</li> <li>games</li> <li>stories</li> <li>parents</li> <li>email</li> </ul> </div> </body>
try following js fiddle
http://jsfiddle.net/arunberti/dy6h7/
$(document).ready(function(){ $('li a').hover(function() { $(this).parent().effect("bounce", { times:3 }, 'normal'); }, function () { $(this).parent().effect("bounce", { times:3 }, 'normal'); }); }); also check following image didint add jquery ui
Comments
Post a Comment