This link has been bookmarked by 357 people . It was first bookmarked on 26 Aug 2008, by David Harrison.
-
21 Dec 12
-
02 May 12
-
30 Apr 12
-
09 Apr 12
-
The most compact version of jQuery weighs in at 15k.
-
et the position value to
absoluteto change the positioning offset to theli, instead of thebodyelement -
identified with the
current-(whatever) class we applied to the parentul, and skip that one from our background image removal -
jQuery allows us to chain multiple functions on a single object
-
apply the nav image to this new
divusing the samebackground-imagerule we used for theaelement inside the shared parentli -
animation speeds of more than a few hundred milliseconds may be fun to begin with
-
-
28 Sep 11
-
27 Sep 11
-
26 Aug 11
-
14 Jun 11
-
03 May 11
Nicola Avery(+ http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/, and http://www.shopdev.co.uk/blog/animated-menus-using-jquery/), http://www.alistapart.com/articles/responsive-web-design/, ht
-
15 Mar 11
-
16 Dec 10
-
29 Nov 10
-
18 Nov 10
-
05 Nov 10
-
31 Oct 10
-
27 Sep 10
-
09 Sep 10
-
31 Aug 10
-
17 Aug 10
-
02 Aug 10
-
08 Jul 10
-
02 Jul 10
Hyung-Joo LimA List Apart: Articles: CSS Sprites2 - It’s JavaScript Time http://ow.ly/17YkuK
– Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/17568529648 -
28 Jun 10
-
18 Jun 10
-
13 Jun 10
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user's interactions in a dynamic way that standards-based web sites haven't been able
css jquery javascript tutorial tutorials webdesign navigation sprites menu
-
09 Jun 10
-
05 May 10
-
08 Apr 10
-
11 Mar 10
-
09 Mar 10
-
18 Feb 10
-
jQuery works across most modern browsers, so everything you see here works in IE6+,
-
-
06 Feb 10
-
28 Jan 10
-
10 Dec 09
-
23 Nov 09
Adrian BengtsonA sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user's interactions in a dynamic way that standards-based web sites haven't been able to replicate.
Lately that's been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that make it easy—libraries such as Prototype, Scriptaculous, Moo, YUI, MochiKit (and I could go on). It's high time to revisit the CSS Sprites technique from four years ago, and see if we can't interject a little bit of movement of our own.
The examples below demonstrate inline CSS Sprites2, the technique we'll be covering in this article:
Home About Services Contact
Home About Services Contact
Home About Services Contact
Enter the jQuery
So here's the first caveat: we're going to lean on jQuery to make this happen. jQuery is a maturing JavaScript library that does the same neat stuff as all the other JavaScript libraries, and it has an additional advantage that lends itself particularly well to extending CSS Sprites: jQuery allows us to select elements on a page using a CSS-like syntax that we already know. -
10 Nov 09
-
04 Nov 09
-
02 Nov 09
-
30 Oct 09
-
27 Sep 09
-
24 Sep 09
-
15 Sep 09
-
16 Aug 09
-
27 Jul 09
-
14 Jul 09
-
13 Jul 09
-
09 Jul 09
-
26 Jun 09
dingodingoA List Apart: Articles:
css code navigation html webdev javascript sprite stylesheet script tutorial
-
23 Jun 09
-
Andy HomanConcise tute for adding various nav states to menus using unobtrusive jQuery
-
08 Jun 09
Ady GouldA sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user's interactions in a dynamic way that standards-based web sites haven't been able to replicate.
-
10 May 09
-
01 May 09
-
21 Apr 09
-
30 Mar 09
-
20 Mar 09
-
19 Mar 09
-
18 Mar 09
-
07 Mar 09
-
05 Mar 09
-
04 Mar 09
-
20 Feb 09
-
04 Feb 09
-
03 Feb 09
-
31 Jan 09
-
30 Jan 09
-
29 Jan 09
-
25 Jan 09
-
21 Jan 09
-
20 Jan 09
-
25 Dec 08
-
18 Dec 08
-
11 Dec 08
-
30 Nov 08
-
17 Nov 08
-
14 Nov 08
-
09 Nov 08
-
03 Nov 08
-
26 Oct 08
-
21 Oct 08
Owen BlackerDave Shea on some cool CSS hover effects that can be obtained using jQuery
CSS DaveShea cool from:alistapart InterfaceDesign jQuery for:cennydd for:seldo for:the_ume from:delicious
-
13 Oct 08
-
08 Oct 08
Shane GraberLately that's been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that make it easy—libraries such as Prototype, Scriptaculous, Moo, YUI, MochiKit (and I could go on). It's high time to revisit th
webdev webdesign tutorials tutorial sprites sprite css jquery javascript menu
-
02 Oct 08
-
29 Sep 08
-
25 Sep 08
-
24 Sep 08
-
23 Sep 08
-
22 Sep 08
-
19 Sep 08
Lynsey GwinA sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites.
-
18 Sep 08
-
16 Sep 08
-
15 Sep 08
-
12 Sep 08
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.