站长资源 网络编程

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

整理:jimmy2026/8/1浏览2次

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

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

<table border="0" align="center" cellpadding="0" cellspacing="0" class="digg"> 
<tr> 
<td class="diggnum" id="diggnum"><strong><script type="text/javascript" src="/UploadFiles/2021-04-02/">

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


<!DOCTYPE html> 
<html lang="zh"> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta charset="utf-8"> 
<title><"seotitle");"keywords" content="[!--pagekey--]"> 
<meta name="description" content="[!--pagedes--]"> 
<link rel="stylesheet" href="[!--news.url--]index/css/style.css" rel="external nofollow" > 
</head> 
<body> 
<div class="head_about">[!--temp.header--]</div> 
<div class="bannProOuter"><div class="bannPro"><ul><li><a class="current" href="<" rel="external nofollow" ><"proOuter"><div class="proInner clearfix"> 
  <div class="proSort"> 
    <ul> 
[e:loop={"select classid,classname,classpath from phome_enewsclass where classid in (7,8,9,10,11) order by classid asc",0,24,0}] 
<"lastChild">'; 
}else{ 
  echo "<li>"; 
} 
$titleclass=""; 
if($bqr[classid]==$GLOBALS[navclassid]){ 
  $titleclass="current"; 
} 
"<" rel="external nofollow" class="<"><"selectNumberScreen"><div class="screenBox"><"proList clearfix"><ul>[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]</ul></div> 
  <div class="page2 txtC">[!--show.listpage--]</div> 
</div></div> 
[!--temp.footer--] 
<script type="text/javascript"> 
$(".proList .photo").hover(function(){$(this).find(".txt").stop().animate({height:"300px"},300);},function(){$(this).find(".txt").stop().animate({height:"0px"},300);}); 
</script> 
</body> 
</html> 


列表内容模板(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='<li'.$nomar.'><div class="photo"><img src="/UploadFiles/2021-04-02/'.$tpic.'">

总结
以上所述是小编给大家介绍的帝国cms首页列表页实现点赞功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

上一篇：Mac 安装 nodejs方法（图文详细步骤）

下一篇：微信小程序商品详情页规格属性选择示例代码

站长资源 网络编程

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

最新资源

一句话新闻