God I feel stupid. I didn't catch that at all. I copyed it from nabble and they parsed the anchors. If I would have read the code closer I would have seen it. Thanks.
nezza wrote: > > Kenton, > > Just noticed it is working, but the you;ve taken out the tags, so the > style sheet isn't working anymore. > Essentially the code is animating white <li>'s with white text within > them! > > Change the #menu li style to suit what you need. > > Neil > > > > > > kenton.simpson wrote: >> >> I post your code here http://www.brainknot.com/code/jq_mootools_menu/ >> ,but it does not work. If you can point out the error I'll fix it. >> >> >> >> nezza wrote: >>> >>> Playing around with jQuery yesterday, managed to replicate the >>> mootools.net side menu. >>> Thanks to the fantastic Easing & Pause Plugins! >>> >>> Take look: >>> >>> <html> >>> <head> >>> <script src="jquery-1.01.js" type="text/javascript"></script> >>> <script src="jquery.easing.1.0e.js" >>> type="text/javascript"></script> >>> <script src="jquery.easing.extensions.js" >>> type="text/javascript"></script> >>> <script src="pause.js" type="text/javascript"></script> >>> <script type="text/javascript"> >>> <!-- >>> $(document).ready(function(){ >>> >>> var timer = 0; >>> >>> $('#menu li').each(function() { >>> >>> timer += 150; >>> $(this).css({paddingLeft: "0"}); >>> $(this).pause(timer, >>> "fx").animate({paddingLeft:130}, {duration: >>> 1000, easeMethod: 'backout'}) >>> }); >>> }); >>> >>> //--> >>> </script> >>> <style type="text/css"> >>> #menu { position: absolute; left: -160px;} >>> #menu li { font-family: tahoma; font-size: 10pt; >>> font-weight: bold; >>> color: #FFFFFF; padding-top: 3px; } >>> #menu li a { display: block; background-color: #FFFFFF; >>> padding: 5px >>> 5px 5px 5px; width: 100px; border: solid 1px #0000FF; } >>> </style> >>> </head> >>> <body> >>> <ul id="menu"> >>> <li class="big tools"> / <span>mootools</span> </li> >>> <li class="big demos"> # Demos (later) </li> >>> <li> # Moo Fx </li> >>> <li> # Moo Dom </li> >>> <li> # Moo Ajax </li> >>> <li> # Moo Drag </li> >>> >>> <li class="big download"> /download/release Download >>> </li> >>> <li> /download/release Release </li> >>> <li> /download/svn Svn </li> >>> <li> /changelog Svn Changelog </li> >>> </ul> >>> </body> >>> </html> >>> >> http://www.brainknot.com/code/jq_mootools_menu/ >> http://www.brainknot.com/code/jq_mootools_menu/ >> > > -- View this message in context: http://www.nabble.com/A-jQuery-implementation-of-mootools.met-menu-tf2271237.html#a6310873 Sent from the JQuery forum at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
