头像

jQuery点“喜欢”功能能够记录点击数

2017-07-18 09:57:44 收藏    来源:PHP代码   浏览()   评论 ( 0 )   

jQuery点“喜欢”功能能够记录点击数
有朋友问我美丽说的“我喜欢”功能功能是如何实现的,当用户看到自己喜欢的图片或文章时,点击“红心”按钮,能够记录点击数。
查看演示 下载资源:0

手机扫码访问:

下载资源 下载积分:20

  HTML

  首先我们在示例中放三件商品,并且在商品的左上角放上一颗红心,用于点击我喜欢功能。

    <ul class="list clearfix">  
       <li> 
           <img alt="纯棉嘴唇珠片T恤短裙套装" src="1.jpg" />  
           <p> <a class="likes" title="我喜欢" href="#">2100</a> </p>  
       </li>  
       <li>  
             <img alt="【成名夜】九分休闲裤" src="2.jpg" />  
             <p> <a class="likes" title="我喜欢" href="#">716</a> </p>  
       </li>  
        ... 
    </ul>

  jQuery

  当用户点击自己喜欢的图片上的红心按钮时,更新原有的数值。

    $(function() { 
        $(".likes").click(function() { 
            var obj = $(this); 
            obj.fadeOut(300); 
            //以下通过ajax成功返回,这里ajax不作代码演示 
            var num = parseInt(obj.text()); 
            obj.text(num + 1).fadeIn(300); 
        }); 
    });


标签: ajax
声明:转载请注明来源(PHP代码)并保留原文链接:http://www.phpdaima.com/other-41.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...

jQuery点“喜欢”功能能够记录点击数
我的积分余额: 0.0 已下载次数: 0
所需积分:2020 开始下载
×