名站分类目录为大家提供帝国cms系统程序各种教程,帝国安装教程,帝国插件教程,帝国模板说明等。
帝国CMS文章内容页digg(点赞)具体代码如下实例
不是新知识(技术)，只是为了记录，以后方便使用。
首先要把默认对js加上：
<script type="text/javascript" src="[!--news.url--]e/data/js/ajax.js"></script>
接下来是html具体代码如下：
<div class="ho-show-digg">
<p>这篇文章有帮助吗？</p>
<p>
<a href="JavaScript:makeRequest('[!--news.url--]e/public/digg/?classid=[!--classid--]&id=[!--id--]&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');"><i class="fa fa-check"></i> 是</a>
<em><i class="fa fa-close"></i> 否</em>
</p>
<p>已有 <span id="diggnum"><script src=[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=5></script></span> 人觉得有帮助</p>
<p>还有其它问题？<a href="#">提交请求</a></p>
</div>
css如下：
.ho-show-digg{
margin:3rem 0 1rem;
padding:1rem 0;
text-align:center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.ho-show-digg p:nth-child(2) a,.ho-show-digg p:nth-child(2) em{
padding:.5rem 2rem;
margin:0 .5rem;
border:1px solid #285980;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ho-show-digg p:nth-child(2) a:hover,.ho-show-digg p:nth-child(2) em:hover{
color:#fff;
background:#285980;
transition: all .5s ease-out;
cursor:pointer;
}
.ho-show-digg p:nth-child(3){
font-size: 0.875rem;
}
.ho-show-digg p:last-child{
margin:2rem 0 0;
}
.ho-show-digg p:last-child a:hover{
text-decoration: underline;
}
好了这篇帝国的教程就说到这里,希望可以帮助大家。声明.本站内容来自互联网,目的是分享阅读,如果侵犯了你的权益请联系本站删除。,帝国cms系统程序电脑PC站URL跳转到手机站url的具体代码如下实例
本文讲解一下帝国cms系统程序电脑网站跳转到手机动态网站和手机静态网站的方法。
