converting jquery easying code from ul li to table -
here have jquery easing in/out feature, , trying convert ul li table instead, didn't work me.
$(document).ready(function(){ $('.topnav li').find('a[href]').parent().each(function() { var li = $(this), = li.find('a'), div = $('<div>' + '<\/div>'); li.hover(function() { a.stop().animate({margintop: '-135'}, 600, "easeoutback"); }, function() { a.stop().animate({margintop: '0'}, 500, "easeoutback"); }) .append(div); }); });
i'm wondering changes have make other replacing main ul class .topnav li .topnav tr td
i used html before:
<ul class="topnav"> <li><a href="#">my link</a><div>hello</div></li> </ul>
then changed table this:
<table class="topnav"> <tr> <td><a href="#">my link</a><div>hello</div></td> </tr> </table>
but far no luck. didn't work @ all. possibly there missing or wrong in changes...
any idea??
anchor default inline element, if change style display:block;
animation visible.
table td { display:block; margin-bottom: 115px; } table td { height:135px; float:left; overflow:hidden; }
Comments
Post a Comment