帝国cms首页列表页如何实现点赞功能

这篇文章主要介绍了帝国cms首页列表页如何实现点赞功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

为兴业等地区用户提供了全套网页设计制作服务，及兴业网站建设行业解决方案。主营业务为网站制作、做网站、兴业网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

查看帝国cms建站程序新闻系统的内容页模版代码，找到顶一下的HTML代码块，如下所示：

 
 
 
 
 
来顶一下

由以上代码可知，当前的总顶数是通过动态脚本载入的方式实时输出，而a标签上的makeRequest()函数就是用来实现顶一下功能的方法。makeRequest()函数的第一个参数是请求地址并附带参数数据，第二个参数是成功请求后执行的回调函数名，第三个参数指定以GET方式发送请求。了解实现的原理之后就很容易在网站其他页面上实现顶一下(点赞)功能，以下给出实现方法的相关代码。

例如我们需要在产品列表模板页面上实现顶一下功能，那么首先就需要修改产品列表模板的代码，以下是我修改后的列表模板代码：

页面模板内容

 
 
 
 
 
<?php echo ReturnClassAddField(0,"seotitle");?> 
 
 
 
 
 
[!--temp.header--]

" rel="external nofollow" >

$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='

查看
详情

[!--title--]([!--model--])

[!--diggtop--]人赞过'; 最后在底部模板里或JS文件中加入以下js代码，大功告成 [html] view plain copy print? $(".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('+1 谢谢您的支持'); //$("body").append('+1 谢谢您的支持'); }else{ mythis.append('已赞'); //$("body").append('已赞'); } //"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{} } }); });

网站建设知识

帝国cms首页列表页如何实现点赞功能

查看
详情

其他资讯

网站建设知识

帝国cms首页列表页如何实现点赞功能

查看详情

其他资讯

查看
详情