<pedrocorreia.net ⁄>
 

<Create a Realistic Hover Effect With jQuery ⁄ >




clicks: 3024 3024 2009-07-12 2009-07-12 goto programacao myNews programacao  Bookmark This Bookmark This


The HTML and CSS are both straightforward and have a structure and style common to many web navigations and menus (for the sake of post length, I'm not including HTML/CSS code examples here but you are free to snoop around in the demo or view the files in the download below).

In a nutshell, the JS appends the reflection/shadow to each
  • , then animates the position and opacity of these elements and the icon links on hover. I've added .stop() to eliminate any queue buildup from quickly mousing back and forth over the navigation.



    este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
    this is just a small excerpt from the article, to access the full article please click in the link below:

    http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-eff...




  • Subscribe News RSS  Subscribe News Updates by E-mail





    myNews <myNews show="rand" cat="programacao" ⁄>

    RouterJs: easy routing for your ajax Web applications new ...

    RouterJs is a simple router for your ajax web apps. It's build upon History.js which means that Rout (...)

    clicks: 16885 16885 2012-05-14 2012-05-14 goto url (new window) haithembelhaj.g... goto myNews programacao


    Backbone computed properties new ...

    This gist shows one way to implement read- and write-enabled computed properties on a Backbone Model (...)

    clicks: 16691 16691 2012-05-13 2012-05-13 goto url (new window) https://gist.gi... goto myNews programacao


    Android Query new ...

    Android-Query (AQuery) is a light-weight library for doing asynchronous tasks and manipulating UI el (...)

    clicks: 16863 16863 2012-05-12 2012-05-12 goto url (new window) code.google.com... goto myNews programacao


    Create Instagram Filters With PHP new ...

    In this tutorial, I'll demonstrate how to create vintage (just like Instagram does) photos with PHP (...)

    clicks: 16483 16483 2012-05-12 2012-05-12 goto url (new window) net.tutsplus.co... goto myNews programacao


    HTML5 jQuery Paint Plugin new ...

    Websanova Paint is a HTML5 canvas based jQuery plugin. It allows you to free paint on a canvas area (...)

    clicks: 27542 27542 2012-05-12 2012-05-12 goto url (new window) websanova.com/t... goto myNews programacao


    Sass vs. LESS vs. Stylus: Preprocessor Shootout new ...

    CSS3 preprocessors are languages written for the sole purpose of adding cool, inventive features to (...)

    clicks: 16140 16140 2012-05-11 2012-05-11 goto url (new window) net.tutsplus.co... goto myNews programacao


    Real-time Applications With Node.js and Socket.IO new ...

    Hey everyone! Sorry about the long pause since the last blog post, life has been quite hectic for th (...)

    clicks: 16827 16827 2012-05-11 2012-05-11 goto url (new window) codingcookies.c... goto myNews programacao


    15 Handpicked jQuery Drop Down Menus Tutorials new ...

    Here we are presenting another brilliant collection of 15 jQuery navigation menu that you can downlo (...)

    clicks: 15817 15817 2012-05-10 2012-05-10 goto url (new window) smashingapps.co... goto myNews programacao