Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Nov 2007
    Posts
    144
    Thanks
    64
    Thanked 0 Times in 0 Posts

    Fancy JS Buttons..?

    Hi,

    I want to make some buttons similar to the ones when you hover over

    Tutorials Dijit Dojox

    in

    http://dojocampus.org/explorer/

    Does anyone have any links to tutorials? Google hasn't been my friend today.

    Thanks in advance!

    Beren

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,158
    Thanks
    203
    Thanked 2,548 Times in 2,526 Posts

  • Users who have thanked Philip M for this post:

    samuurai (09-01-2008)

  • #3
    Regular Coder
    Join Date
    Nov 2007
    Posts
    144
    Thanks
    64
    Thanked 0 Times in 0 Posts
    Thanks, but I don't think that will give me the cool bouncing effect of the little tabs as they retract back in.

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,790
    Thanks
    6
    Thanked 1,022 Times in 995 Posts
    Sometimes there are better friends than Google and this time the friend is common sense (and the web developer toolbar): View the source code, find the elements that mark up the navigation in question. The navigation items have a class called “headlink”. A quick search (Ctrl+F/Cmd+F) for “headlink” in the JavaScript files reveals that the function is written/executed in http://dojocampus.org/explorer/featu...ureexplorer.js Obviously this is a JavaScript framework (as I have suspected already – alough I didn’t know that one yet) and a quick search for “addonload” (since that function name was unfamiliar to me) brought me to http://dojotoolkit.org/ where you have everything you need to create that very effect.

    On a side note: the Dojo toolkit isn’t the only one that can do this. Mootools et al have similar functions (easeIn, easeOut etc.).

  • Users who have thanked VIPStephan for this post:

    samuurai (09-02-2008)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •