下载鸥 > 网站下载 > 开发教程 > 帝国CMS

帝国CMS首页、列表页实现点赞功能解析与demo

323 2021-03-04 15:54:14

收藏
帝国cms的点赞数是通过动态脚本载入的方式实时输出,而a标签上的makeRequest()函数就是用来实现顶一下功能的方法。了解这个原理之后,列表页、首页的点赞就很容易了。

makeRequest()函数的第一个参数是请求地址并附带参数数据,第二个参数是成功请求后执行的回调函数名,第三个参数指定以GET方式发送请求。了解实现的原理之后就很容易在网站其他页面上实现顶一下(点赞)功能。

现有列表模板如下,var如下
$nomar="";
if($no%4==0){$nomar=" class=\"nomar\"";}else{$nomar="";}
if($r[titlepic]){$tpic=sys_ResizeImg($r[titlepic],300,300,1,"");}else{$tpic="/e/data/images/notimg.gif";}

$listtemp='
    <li>
        <a href="[!--titleurl--]" class="icon-thumbs-up" data-classid="[!--classid--]" data-id="[!--id--]"><em>[!--diggtop--]</em>人赞过</a>
    </li>
';

JS部分如下:

<script type="text/javascript">
$(".icon-thumbs-up").click(function(event){
    event.preventDefault();
    var mythis = $(this);
    var classid = mythis.data("classid");
    var id = mythis.data("id");
    $.ajax({
        type:"GET",
        url:"[!--news.url--]e/public/digg/",
        data:{"classid":classid,"id":id,"dotop":1,"doajax":1,"ajaxarea":"diggnum"},
        dataType:"text",
        success:function(data){
            var reinfo = data.split("|");
            if (reinfo.length != 1) {
                if (reinfo[0] != "") {
                    mythis.find("em").html(reinfo[0]);
                }
                if (reinfo[2] != "") {
                    //var left = parseInt(mythis.offset().left)+20, top = parseInt(mythis.offset().top);
                    var left = 20, top = mythis.find("em").get(0).offsetHeight;
                    $(".zan").remove();
                    if (reinfo[2] == "谢谢您的支持") {
                        mythis.append('<div class="zan">+1 谢谢您的支持</div>');
                        //$("body").append('<div class="zan">+1 谢谢您的支持</div>');
                    }else{
                        mythis.append('<div class="zan">已赞</div>');
                        //$("body").append('<div class="zan">已赞</div>');
                    }
                    //"text-shadow":"0 1px 0 rgba(0,0,0,0.5)","font-family":"simsun"
                    $(".zan").css({"position":"absolute","z-index":"10","left":left+"px","top":-top+"px","color":"inherit"}).animate({top:-top-30},"slow",function(){$(this).fadeIn("fast").remove();});
                }
            }else{}
        }
    });
});
</script>

本文地址:https://xzo.com.cn/develop/empire/659.html

有帮助,很赞!

信息来源:下载鸥
导出教程 下载word版教程
发表评论 共有条评论
关于帝国CMS


帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用

当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。

推荐帝国CMS开发教程
帝国CMS点击指定图片放大功能怎么做(jQuery)
帝国CMS点击指定图片放大功能怎么做(jQuery)

对于存在大图的站点而言,不能将图片放大无疑是一种功能上的缺陷。那么,帝国CM...

8 1283
帝国CMS怎样让一条信息具有多个模板?
帝国CMS怎样让一条信息具有多个模板?

帝国CMS的信息是绑定内容模板的,通过本教程可以实现在前台自由使用不同的模...

17 501
帝国CMS有必要开发百度小程序吗?
帝国CMS有必要开发百度小程序吗?

百度小程序的开放生态对网站站长及企业商家而言,能够从中获取到什么呢?百度智...

1 347
帝国cms生成自定义列表页怎样压缩?
帝国cms生成自定义列表页怎样压缩?

帝国cms生成的静态页面,大多是在gethtml()函数下实现代码压缩,但自定义页面、...

0 323
帝国cms开发json数据接口调用栏目信息
帝国cms开发json数据接口调用栏目信息

json数据由于其高效、强兼容性的特质受到许多开发者的青睐,帝国cms开发一个...

0 459
帝国CMS怎样验证后台发布信息标题是否重复?
帝国CMS怎样验证后台发布信息标题是否重复?

想要在帝国cms后台禁止发布标题相同的信息,或是在发布信息时验证一下标题是...

2 505
帝国CMS怎么整合Discuz
帝国CMS怎么整合Discuz

Discuz是一个相当流行的论坛系统,现在百度站长论坛还是使用的discuz。帝国cm...

0 322
帝国cms网站怎样用宝塔自动备份?
帝国cms网站怎样用宝塔自动备份?

帝国cms开发的网站数据要经常备份,防范不小心误删除了数据或文件以及服务器...

0 455
随机帝国CMS开发教程
帝国cms的fetch()和fetch1()有什么区别?
帝国cms的fetch()和fetch1()有什么区别?

fetch()和fetch1()是帝国CMS二次开发常用到的函数,虽然只差了一个1,但其函数...

7 520
帝国cms后台出现“您还未登录”错误怎么办
帝国cms后台出现“您还未登录”错误怎么办

帝国cms测试多次,绝对是正确的用户名和密码登录,但还是显示您还未登录的原因...

3 365
帝国cms文章列表、详情怎样实时显示点击数?
帝国cms文章列表、详情怎样实时显示点击数?

常有客户要求文章列表、详情能够实时显示点击数,但又不想将静态页面改为动态...

6 461
帝国CMS 8.0版本即将上线,届时不再支持GBK、BIG5编码
帝国CMS 8.0版本即将上线,届时不再支持GBK、BIG5编码

3月1日上午10点,帝国cms创始人王猛发布微博称8.0版本不再支持gbk、big5编码...

8 551
帝国CMS灵动标签调用留言板信息(附留言板字段解读)
帝国CMS灵动标签调用留言板信息(附留言板字段解读)

帝国cms调用留言板信息是可以调用到任意位置的,灵动标签即可办到。通过通配...

10 527
帝国cms怎样开发下载分成功能?
帝国cms怎样开发下载分成功能?

帝国CMS下载分成网上有很多插件,但操作起来都相对比较复杂,且免费插件存在安...

17 540
帝国cms登陆报错INSERT command denied to user 'username'@'::1' for table 'phome_enewsloginfail' inser
帝国cms登陆报错INSERT command denied to user 'username'@'::1' for table 'phome_enewsloginfail' inser

今天,有客户联系鸥哥说帝国cms登陆后台报错INSERT command denied to user ...

3 569
帝国CMS灵动标签显示标题颜色、截取标题字数DoTitleFont()怎么做?
帝国CMS灵动标签显示标题颜色、截取标题字数DoTitleFont()怎么做?

帝国cms采用灵动标签调用信息时,我们一般会习惯于用<?=$bqr[title]?>输出标...

7 558
客服QQ:341553759
点击咨询 常见问题 >
官方交流群:90432500
点击加入