jQuery:Gmail之星?

我想知道是否有人有任何关于创建一个gBox收件箱明星(最喜欢的)的好教程?

编辑:

我想我想要像stackoverflow star或gmail inBox star一样创建一些东西.我有一组列表项,我添加了几个控件.一个是复选框(用于存档或批量删除)和另一个我有一个占位符复选框用于收藏.我只是好奇最好的方法是用jquery制作它的时髦.

@R_502_323@

HTML:
<div id="[item id,probably a number]">
    <p><a href="javascript:" class="star">Favorite Me!</a></p>
</div>

CSS(使用星形的图像精灵):

.star {
     text-indent: -5000px;
     display: block;
     background: transparent url(../images/star.png) [coords for empty star];
     height: [height of star];
     width: [width of star];
}

.star.favorited {
     background-position: [coordinates for favorited star];
}

jQuery的:

$(function() { 
    $('star').click(function() {
        var id = $(this).parents('div').attr('id');
        $(this).toggleClass('favorited');
        $.post('/yourUpdateUrl',{'favorited': $(this).hasClass('favorited'),'id': id},function(data) { 
                     //some sort of update function here
                  });
         });
     });
});

在你的后端处理你将如何.可能会返回有多少收藏夹来更新页面.简单.

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...