I like it. Ive seen a similar one that works off a think underline. Its a small 3px border under the word, but has the same motion (grow/shrink to meet target) and follows the same trajectory. I can imagine alot of alternative treatments. Great work.
Glen On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote: > > cool, i guess, the concerns of unresponsiveness are now gone... > > The name has been established (lava lamp). Thanks to Stephan Beal. > > All that is pending is, add Glen Lipka's sprites(thanks a ton), remove the > dependency on hoverIntent (as we dont need it since i added ifx dependency) > and create a true reusable plugin out of it...(taking care of some useful > features like making it work without images etc) and release it. > > Ok, lets see... I will try to get it out by this weekend maybe... > > -GTG > > On 8/14/07, Brian Cherne <[EMAIL PROTECTED] > wrote: > > > > The interface plugin is certainly a better alternative in this > > situation. Very nice! > > > > Brian. > > > > On 8/14/07, Andy Matthews < [EMAIL PROTECTED]> wrote: > > > > > > It's better now that Ganeshji added in the interface plugin. > > > > > > Loads better now. In fact, I'd say that it's perfect. > > > > > > ------------------------------ > > > *From:* jquery-en@googlegroups.com [mailto: [EMAIL PROTECTED] > > > *On Behalf Of *Brian Cherne > > > *Sent:* Tuesday, August 14, 2007 2:28 PM > > > *To:* jquery-en@googlegroups.com > > > *Subject:* [jQuery] Re: fancy menu - tell me what you guys think > > > > > > The responsiveness is a little better.... but still not great. For > > > some reason the visual treatment of this menu begs for responsiveness. I'm > > > certainly looking forward to jQuery 1.2 when hoverIntent can go back > > > on the shelf as more of a special utility and less of a hack. If someone > > > can > > > come up with a better (near term) alternative I'd love to see it. > > > > > > There was a horizontal menu thread from April that had something > > > similar: > > > <http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226 > > > > > > > > > > And another jQuery implementation of this rounded box idea: > > > <http://meta20.net/demos/Smooth_menu_widget_for_jQuery/ > > > > > > > Brian. > > > > > > On 8/14/07, Glen Lipka <[EMAIL PROTECTED] > wrote: > > > > > > > > Ok, I made the sprite for you with css. > > > > http://www.commadot.com/jquery/lavalamp/ > > > > This will make it load the bubble all at once. > > > > > > > > I also added in the change from Brian to make it trigger quicker. > > > > > > > > > > > > Glen > > > > > > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote: > > > > > > > > > > Sure, i will try that... I sincerely hope that solves the > > > > > unresponsiveness problem... > > > > > > > > > > -GTG > > > > > > > > > > On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote: > > > > > > > > > > > > You may be able to tweak hoverIntent's default settings to make > > > > > > it react more quickly. Maybe something more like: > > > > > > > > > > > > .hoverIntent({ > > > > > > sensitivity: 2, > > > > > > interval: 50, > > > > > > over: function(){ move(this); }, > > > > > > out: noop > > > > > > }); > > > > > > > > > > > > Brian. > > > > > > > > > > > > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote: > > > > > > > > > > > > > > Its a great effect and will make a great plugin. I love it. > > > > > > > Are you hard-coding the easing or allowing options? > > > > > > > > > > > > > > I saw a little bit of strangeness in the first load, when only > > > > > > > the right-side of the button showed up. > > > > > > > One suggestion. Use a button sprite to have the caps and the > > > > > > > body as part of the same image. That way it would load all at > > > > > > > once. > > > > > > > > > > > > > > Nice work! > > > > > > > > > > > > > > Glen > > > > > > > > > > > > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote: > > > > > > > > > > > > > > > > wow, u guys overwhelm me ;-). I sent this message before > > > > > > > > starting for work, and when i reach my desk i have such a > > > > > > > > pleasant > > > > > > > > surprise... Thanks guys... > > > > > > > > > > > > > > > > Now, lemme answer some of your concerns... > > > > > > > > > > > > > > > > @Stephan - I am sure u know what !important is. If your > > > > > > > > question is, why i have commented that out, then, it is > > > > > > > > because, the > > > > > > > > original mootools author chose to use images as menu items > > > > > > > > instead of text > > > > > > > > for some reason. Since he used images, he had to hack IE 6 with > > > > > > > > gif versions > > > > > > > > of the images. So, he had the !important hacks in place. But, > > > > > > > > since i > > > > > > > > figured it is cleaner and easier to use text rather than images > > > > > > > > there, i > > > > > > > > didnt need those hacks, so i just commented them out. ;-) > > > > > > > > > > > > > > > > Also, the backout easing effect is causing the bubble to > > > > > > > > move out of the target sometimes... I experimented with other > > > > > > > > easing > > > > > > > > effects, and it looks cool for most of them. I chose to display > > > > > > > > "backout" as > > > > > > > > my first effect because that is the same as > > > > > > > > what mootools version uses and that will give you apples and > > > > > > > > apples to compare and comment. > > > > > > > > > > > > > > > > > > > > > > > > @Brandon - Thanks a ton... <<blushing>> > > > > > > > > > > > > > > > > @Mike - Thanks > > > > > > > > > > > > > > > > @Andy - I am using the hoverIntent plugin, that is probably > > > > > > > > causing the delay, but as of now i dont have a choice because, > > > > > > > > if i directly > > > > > > > > use hover, then the effect will be spoilt. For example, if you > > > > > > > > move your > > > > > > > > mouse all the way across from the first menu item to the last > > > > > > > > menu item and > > > > > > > > then back, you will notice a long animation that slowly passes > > > > > > > > over one menu > > > > > > > > item after another although your intent was not to hover over > > > > > > > > the interim > > > > > > > > menu items. This can at present be solved with interface's > > > > > > > > animation > > > > > > > > library. I will try that next. The good news is, once jquery > > > > > > > > 1.2 comes out, i wont need interface plugin as well, coz > > > > > > > > John has promised a method to stop animations for jquery 1.2 > > > > > > > > > > > > > > > > @Rick - Yes, you are right... You will find lot of > > > > > > > > documentation when this little thing progresses into a plugin. > > > > > > > > I really > > > > > > > > have an eye for documentation. Take a look at my > > > > > > > > jCarouselLite<http://gmarwaha.com/jquery/jcarousellite/index.php>and > > > > > > > > u will know what i am mean ;-) jus kidding... > > > > > > > > > > > > > > > > @Rajesh - See comments for @Andy above. I guess that should > > > > > > > > address your concern. > > > > > > > > > > > > > > > > Thanks again guys... Based on the reponse it seems that it > > > > > > > > is worth making this into a real plugin... I will start doing > > > > > > > > that... > > > > > > > > > > > > > > > > -GTG > > > > > > > > > > > > > > > > > > > > > > > > On 8/14/07, Stephan Beal <[EMAIL PROTECTED] > wrote: > > > > > > > > > > > > > > > > > > > > > > > > > > > On Aug 14, 5:31 pm, "Ganeshji Marwaha" < > > > > > > > > > [EMAIL PROTECTED]> wrote: > > > > > > > > > > I have ported this fancy menu over from mootools to > > > > > > > > > jquery. You can take a > > > > > > > > > > look at > > > > > > > > > ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html > > > > > > > > > > > > > > > > > > Slick, Ganishji :). My first thought is "lava lamp", so > > > > > > > > > maybe "lava > > > > > > > > > lamp menu" would be a suitable plugin name? > > > > > > > > > > > > > > > > > > Is it intentional that the "bubble" slides past its > > > > > > > > > target, and then > > > > > > > > > back (a "single bounce" effect)? That's a bit > > > > > > > > > disconcerting - when it > > > > > > > > > happens i think, "oh, no, it's moving to the wrong menu > > > > > > > > > item." Have > > > > > > > > > you tried it without the bounce? > > > > > > > > > > > > > > > > > > And a CSS question for you: > > > > > > > > > > > > > > > > > > i notice several commented-out blocks with "!important" in > > > > > > > > > them. What > > > > > > > > > does that mean in CSS? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
