欢迎来访256模板网,织梦模板免费下载平台!

会员登录 帮助中心 织梦教程

256模板群

当前位置:256模板网 > 站长学院 > 常见问题 >

织梦CMS内容页顶踩功能代码

时间:2016-11-13   来源:网络   编辑:256模板网 标签:   织梦CMS      顶踩功能   
有的时候我们在仿站或用织梦做模板时,可能需要织梦内容页模板里面的顶踩功能,顶踩功能如下图所示: 我已经把这个功能的html,js,css代码拿出来了,需要的拿去吧。 js代码: script language=javascript type=text/javascript src={dede:global.cfg_cmsurl/}

有的时候我们在仿站或用织梦做模板时,可能需要织梦内容页模板里面的顶踩功能,顶踩功能如下图所示:
 

    我已经把这个功能的html,js,css代码拿出来了,需要的拿去吧。

js代码:

  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
  2.     <script language="javascript" type="text/javascript">
  3. <!--
  4. function postBadGood(ftype,fid)
  5. {
  6.   var taget_obj = document.getElementById(ftype+fid);
  7.   var saveid = GetCookie('badgoodid');
  8.   if(saveid != null)
  9.   {
  10.     var saveids = saveid.split(',');
  11.     var hasid = false;
  12.     saveid = '';
  13.     j = 1;
  14.     for(i=saveids.length-1;i>=0;i--)
  15.     {
  16.       if(saveids[i]==fid && hasid) continue;
  17.       else {
  18.         if(saveids[i]==fid && !hasid) hasid = true;
  19.         saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
  20.         j++;
  21.         if(j==10 && hasid) break;
  22.         if(j==9 && !hasid) break;
  23.       }
  24.     }
  25.     if(hasid) { alert('您刚才已表决过了喔!'); return false;}
  26.     else saveid += ','+fid;
  27.     SetCookie('badgoodid',saveid,1);
  28.   }
  29.   else
  30.   {
  31.     SetCookie('badgoodid',fid,1);
  32.   }
  33.   myajax = new DedeAjax(taget_obj,false,false,'','','');
  34.   myajax.SendGet2("{dede:field name='phpurl'/}/feedback.php?aid="+fid+"&action="+ftype+"&fid="+fid);
  35. }
  36. function postDigg(ftype,aid)
  37. {
  38.   var taget_obj = document.getElementById('newdigg');
  39.   var saveid = GetCookie('diggid');
  40.   if(saveid != null)
  41.   {
  42.     var saveids = saveid.split(',');
  43.     var hasid = false;
  44.     saveid = '';
  45.     j = 1;
  46.     for(i=saveids.length-1;i>=0;i--)
  47.     {
  48.       if(saveids[i]==aid && hasid) continue;
  49.       else {
  50.         if(saveids[i]==aid && !hasid) hasid = true;
  51.         saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
  52.         j++;
  53.         if(j==20 && hasid) break;
  54.         if(j==19 && !hasid) break;
  55.       }
  56.     }
  57.     if(hasid) { alert("您已经顶过该帖,请不要重复顶帖 !"); return; }
  58.     else saveid += ','+aid;
  59.     SetCookie('diggid',saveid,1);
  60.   }
  61.   else
  62.   {
  63.     SetCookie('diggid',aid,1);
  64.   }
  65.   myajax = new DedeAjax(taget_obj,false,false,'','','');
  66.   var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid;
  67.   myajax.SendGet2(url);
  68. }
  69. function getDigg(aid)
  70. {
  71.   var taget_obj = document.getElementById('newdigg');
  72.   myajax = new DedeAjax(taget_obj,false,false,'','','');
  73.   myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax.php?id="+aid);
  74. }
  75. -->
  76.  
  77. </script>
复制代码

  css代码:

  1. .viewbox .newdigg {
  2.     height: 51px;
  3.     margin: 8px auto;
  4.     clear: both;
  5.     overflow: hidden;
  6.     padding-left: 8px;
  7. }
  8. .viewbox .newdigg .digg_good {
  9.     background: url(/img/newdigg-bg.png) left top no-repeat;
  10. }
  11. .viewbox .diggbox {
  12.     width: 195px;
  13.     height: 51px;
  14.     float: left;
  15.     margin-right: 8px;
  16.     overflow: hidden;
  17.     cursor: pointer;
  18. }
  19. .viewbox .newdigg .digg_good .digg_act {
  20.     color: #C30;
  21. }
  22. .viewbox .diggbox .digg_act {
  23.     font-size: 14px;
  24.     float: left;
  25.     line-height: 31px;
  26.     text-indent: 32px;
  27.     height: 29px;
  28.     overflow: hidden;
  29.     font-weight: bold;
  30. }
  31. .viewbox .newdigg .digg_good .digg_num {
  32.     color: #C63;
  33. }
  34. .viewbox .diggbox .digg_num {
  35.     float: left;
  36.     line-height: 29px;
  37.     text-indent: 5px;
  38. }
  39. .viewbox .diggbox .digg_percent {
  40.     width: 180px;
  41.     clear: both;
  42.     padding-left: 10px;
  43.     overflow: hidden;
  44. }
  45. .viewbox .diggbox .digg_percent .digg_percent_bar {
  46.     width: 100px;
  47.     height: 7px;
  48.     background: #E8E8E8;
  49.     border-right: 1px solid #CCC;
  50.     float: left;
  51.     overflow: hidden;
  52.     margin-top: 3px;
  53. }
  54. .viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span {
  55.     border: 1px solid #E37F24;
  56.     background: #FFC535;
  57. }
  58. .viewbox .diggbox .digg_percent .digg_percent_bar span {
  59.     display: block;
  60.     height: 5px;
  61.     overflow: hidden;
  62.     background: #000;
  63. }
  64. .viewbox .diggbox .digg_percent .digg_percent_num {
  65.     font-size: 10px;
  66.     float: left;
  67.     padding-left: 10px;
  68. }
  69. .viewbox .newdigg .digg_bad {
  70.     background: url(/img/newdigg-bg.png) right top no-repeat;
  71. }
  72. .viewbox .diggbox {
  73.     height: 51px;
  74.     float: left;
  75.     margin-right: 8px;
  76.     overflow: hidden;
  77.     cursor: pointer;
  78. }
  79. .viewbox .newdigg .digg_bad .digg_act {
  80.     color: #36C;
  81. }
  82. .viewbox .diggbox .digg_act {
  83.     font-size: 14px;
  84.     float: left;
  85.     line-height: 31px;
  86.     text-indent: 32px;
  87.     height: 29px;
  88.     overflow: hidden;
  89.     font-weight: bold;
  90. }
  91. .viewbox .newdigg .digg_bad .digg_num {
  92.     color: #39C;
  93. }
  94. .viewbox .diggbox .digg_num {
  95.     float: left;
  96.     line-height: 29px;
  97.     text-indent: 5px;
  98. }
  99. .viewbox .diggbox .digg_percent {
  100.     width: 180px;
  101.     clear: both;
  102.     padding-left: 10px;
  103.     overflow: hidden;
  104. }
  105. .viewbox .diggbox .digg_percent .digg_percent_bar {
  106.     width: 100px;
  107.     height: 7px;
  108.     background: #E8E8E8;
  109.     border-right: 1px solid #CCC;
  110.     float: left;
  111.     overflow: hidden;
  112.     margin-top: 3px;
  113. }
  114. .viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span {
  115.     border: 1px solid #689ACC;
  116.     background: #94C0E4;
  117. }
  118. .viewbox .diggbox .digg_percent .digg_percent_bar span {
  119.     display: block;
  120.     height: 5px;
  121.     overflow: hidden;
  122.     background: #000;
  123. }
  124. .viewbox .diggbox .digg_percent .digg_percent_num {
  125.     font-size: 10px;
  126.     float: left;
  127.     padding-left: 10px;
  128. }
复制代码

顶踩html代码:

  1.      <div class="viewbox">
  2.       <div class="newdigg" id="newdigg">
  3.         <div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',{dede:field.id/})">
  4.           <div class="digg_act">顶一下</div>
  5.           <div class="digg_num">({dede:field.goodpost/})</div>
  6.           <div class="digg_percent">
  7.             <div class="digg_percent_bar"><span style="width:{dede:field.goodper/}%"></span></div>
  8.             <div class="digg_percent_num">{dede:field.goodper/}%</div>
  9.           </div>
  10.         </div>
  11.         <div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',{dede:field.id/})">
  12.           <div class="digg_act">踩一下</div>
  13.           <div class="digg_num">({dede:field.badpost/})</div>
  14.           <div class="digg_percent">
  15.             <div class="digg_percent_bar"><span style="width:{dede:field.badper/}%"></span></div>
  16.             <div class="digg_percent_num">{dede:field.badper/}%</div>
  17.           </div>
  18.         </div>
  19.       </div>
  20.       <script language="javascript" type="text/javascript">getDigg({dede:field.id/});</script>
  21.       <!-- //顶踩部份的源码结束 -->
  22.      </div>
复制代码

  js代码和html代码放到你的模板里面,css代码单独放到css文件,然后,引入到模板里面即可。

来源网址:http://www.256256.com/jiaocheng/ask/187.html
责任编辑:admin

相关阅读

  • 天天推荐
在线客服
在线客服
点击这里给我发消息
在线客服
点击这里给我发消息
VIP会员客服
点击这里给我发消息
购买主机
免费送模板