虚位以待(AD)
虚位以待(AD)
首页 > CMS教程 > phpcms > phpcms点赞插件v2.0,支持取消点赞

phpcms点赞插件v2.0,支持取消点赞
类别:phpcms   作者:码皇   来源:互联网   点击:

phpcms点赞功能介绍: ajax无刷新点赞插件,可以轻松解决网站文章点赞功能,并且可以在伪静态后的页面实时显示点赞次数和实时更新点赞次数,并且加入+1动画效果,加入cookie(点击查
phpcms点赞功能介绍:
      ajax无刷新点赞插件,可以轻松解决网站文章点赞功能,并且可以在伪静态后的页面实时显示点赞次数和实时更新点赞次数,并且加入+1动画效果,加入cookie(点击查看jQuery cookie使用方法)记录效果,一个人只能赞一个,加入点赞和取消赞功能,不想赞再点击一次即可取消赞,此插件由合肥网站建设知名品牌—多元速网络科技有限公司开发;

使用简介:

       1.首先把数据库中的digg.sql数据库加到你的phpcms中  这里需要注意的是数据库前缀 我们的是dys_  如果你的不是 请打开修改
       2.把phpcms中的文件 放到你自己的phpcms文件中  对应文件放到对应文件夹中 把js文件放到statics中的js中
       3.按照下面的顺序来就ok了;

使用方法:

      1.引入必要的js
    <!--第一步 加入cookie是为了让浏览器记住点击状态 解决刷新浏览器恢复 原来字样--> <script src="{
    JS_PATH}
    jquery1.8.3.js"></script> <script src="{
    JS_PATH}
    jquery.digg.js"></script> <script src="{
    JS_PATH}
    jquery.cookie.js"></script> <!--第一步 end-->
     2.第二步引入html代码
    <!--第二步 核心class diggs diggFont diggNum--> <a href="javascript:;
    " class="diggs"> <script> if($.cookie('dys_cookie{
    $id}
    ') == {
    $id}
    ){
    document.write('<span class="diggFont">取消点赞</span>');
    }
    else{
    document.write('<span class="diggFont">点赞</span>');
    }
    </script> <span class="diggNum">0</span> </a> <!--第二步 end-->
      3.引入js代码
    <!--第三步 ajax请求数据 实现实时更新文章赞次数 解决网站静态不更新问题--> <script> $(function(){
    //digg赞初始化ajax $.post("{
    APP_PATH}
    index.php?m=content&c=digg",{
    id:{
    $id}
    ,modelid:{
    $modelid}
    }
    ,function(data){
    $(".diggNum").text(data.count);
    }
    ,"json") //digg点击+1 $(".diggs").on("click",'',function(){
    $.ajax({
    type: "POST", url: "{
    APP_PATH}
    index.php?m=content&c=digg&a=diggs", data: {
    id:{
    $id}
    ,modelid:{
    $modelid}
    }
    , dataType: "json", success: function(data){
    if(!data.flag){
    // $.cookie('dys_cookie{
    $id}
    ', null);
    $(".diggFont").text('点赞');
    $(".diggNum").digg({
    str: "-1", style: 'font-weight:bold;
    ', endSize: "60px", interval:800 }
    );
    }
    else{
    $.cookie('dys_cookie{
    $id}
    ', {
    $id}
    );
    $(".diggFont").text('取消点赞');
    $(".diggNum").digg({
    str: "+1", style: 'font-weight:bold;
    ', endSize: "60px", interval:800 }
    );
    }
    $(".diggNum").text(data.count);
    }
    }
    ) }
    ) }
    ) </script> <!--第三步 end-->
插件效果预览:
phpcms点赞插件V2.0

下载使用说明:
       加多元速官方微信(扫一扫文章右下方二维码)回复“phpcms点赞插件”即可下载;
     (加入多元速官方微信,每天都有技术文章推送哦,绝对值得!)

(责任编辑:网页模板)
相关热词搜索: phpcms 点赞 插件 v2 0 支持 取消 phpcms