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





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.
RSS feed for comments on this post · TrackBack URI