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. #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    19,056
    Thanks
    211
    Thanked 2,642 Times in 2,620 Posts

  3. Users who have thanked Philip M for this post:

    samuurai (09-01-2008)

  4. #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.

  5. #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    10,005
    Thanks
    6
    Thanked 1,180 Times in 1,151 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.).

  6. 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
  •