Subscribe
Follow UsUsefu jQuery Svbtle style kudos
11 years ago
6193
1383
Dustin Kurtis came up with an excellent idea for the Svbtle blogging network (go visit Svbtle.com to see an example). He called them Kudos. They're little widgets next to each post that enable users to give "Kudos" to posts they really like. You hover over the widget, it gives a fun little animation, and changes the icon and count after a moment.
See the index.html example for information
<figure class="kudo kudoable" data-id="1">
<a class="kudobject">
<div class="opening">
<div class="circle"> </div>
</div>
</a>
<a href="#kudo" class="count">
<span class="num">0</span>
<span class="txt">Kudos</span>
</a>
</figure>
$(function()
{
// initialize the kudoer
$("figure.kudo").kudoable();
});
// bind to events on the kudos
$("figure.kudo").on("kudo:added", function(event)
{
var element = $(this);
var id = element.data('id');
// send the data to your server...
console.log("Kudod", element);
});
Read more:https://github.com/masukomi/kudos
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu