If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you mouseover on it, the icon on the left “jumps” for a few times. The animation looks really attractive.
Janko is going to show you how to create the Skype-like Buttons using jQuery and some simple CSS. The code is tested in Firefox, Safari and IE7.
Requirements: jQuery Framework
Demo: http://www.jankoatwarpspeed.com/examples/skype_buttons/
License: License Free
Related Web Resources
Our Sponsors
Bookmark and Share this Article
- Brushes (11)
- Buttons (21)
- Color Schemes (21)
- Fonts (39)
- Forms (95)
- Icons (84)
- Patterns (24)
- PS Tutorials (9)
- Stock Photos (19)
- Tables (23)
- Announcement (70)
- Best Collections (4)
- Code (44)
- eCommerce (19)
- Framework (156)
- Hosting (12)
- Information (161)
- Inspiration (27)
- Legal Documents (8)
- Reviews (8)
- Security (13)
- Social (19)
- Sound (12)
- Stats (32)
- Tools (190)
- Webmail (13)
- BSD License (51)
- CC License (111)
- GPL License (189)
- LGPL License (37)
- License Free (584)
- MIT License (274)
Search Site
Open Source Resources for You
What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.
© Copyright 2010 WebAppers
Sponsored by NetDNA Content Delivery Network
Recommended Books for Web Developers
that was fun
I might implement that some time
Very good idea. not compatible with opera. any ideas?
On Firefox 3.0.2 on Windows once the button has been clicked there is this dotted square border showing the focused image.
Hovering again on the button, the image AND ITS BORDER FRAME do their little dance.
It’d be nice to make sure there is no such border frame displayed ever on this button.
Apply outline: none; as css property on link.
Hi,
Interesting post.
I am looking for an Amazon “Buy Now” type button.
Is this:
a) allowed without infringing on brand/copyright?
b) available anywhere on the net?
thanks for great resources!
RSS feed for comments on this post · TrackBack URI