1. <rp id="gxgvh"><object id="gxgvh"></object></rp>
  2. <span id="gxgvh"></span>
    欢迎来访256模板网,织梦模板免费下载平台!

    会员登录 会员注册 织梦教程

    256模板群

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

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

    时间:2016-11-13   来源:网络   编辑:256模板网
    有的时候我们在仿站或用织梦做模板时,可能需要织梦内容页模板里面的顶踩功能,顶踩功能如下图所示: 我已经把这个功能的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文件,然后,引入到模板里面即可。

    标签:   织梦CMS      顶踩功能   

    来源网址:http://www.bodeborn.com/jiaocheng/ask/187.html

    责任编辑:admin

    相关阅读

    • 天天推荐
    在线客服
    在线客服
    点击这里给我发消息
    在线客服
    点击这里给我发消息
    VIP会员客服
    点击这里给我发消息
    购买主机
    免费送模板
    香港码 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>