网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

帝国cms首页列表页如何实现点赞功能-创新互联

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

创新互联致力于互联网网站建设与网站营销,提供成都网站建设、成都网站制作、网站开发、seo优化、网站排名、互联网营销、微信小程序、公众号商城、等建站开发,创新互联网站建设策划专家,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。

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

 
 
 
 
 
来顶一下 
 

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

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

页面模板内容

 
 
 
 
 
<?php echo ReturnClassAddField(0,"seotitle");?> 
 
 
 
 
 
[!--temp.header--]
 
  • " rel="external nofollow" >
            
      [e:loop={"select classid,classname,classpath from phome_enewsclass where classid in (7,8,9,10,11) order by classid asc",0,24,0}]  ';  }else{    echo "
  • ";  }  $titleclass="";  if($bqr[classid]==$GLOBALS[navclassid]){    $titleclass="current";  }  ?>  " rel="external nofollow" class="">
  •   [/e:loop]      
            
    [!--empirenews.listtemp--][!--empirenews.listtemp--]
    [!--show.listpage--]    [!--temp.footer--]    $(".proList .photo").hover(function(){$(this).find(".txt").stop().animate({height:"300px"},300);},function(){$(this).find(".txt").stop().animate({height:"0px"},300);});     

列表内容模板(list.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='

查看
详情

  [!--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首页列表页如何实现点赞功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联成都网站设计公司,关注创新互联成都网站设计公司行业资讯频道,更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、建站服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


新闻名称:帝国cms首页列表页如何实现点赞功能-创新互联
标题路径:http://bjjierui.cn/article/isigd.html