首页 > 代码库 > jeecms 评论相关
jeecms 评论相关
html
WEB-INF-t-cms-www-gyxrmyy-content
news.html 内容详情页
inc_comment_input.html 评论输入框
inc_comment_list.html 评论列表
WEB-INF-t-cms-www-gyxrmyy-csi
comment_list.html 查看评论的回复
WEB-INF-t-cms-www-gyxrmyy-special
comment_input.html 评论的回复中的评论
[#if channel.commentControl!=2] [#include "inc_comment_input.html"/] [#include "inc_comment_list.html"/][/#if]
css
r-cms-www-default-css
index.css
r-cms-jqueryUI
jquery.ui.css
/*评论开始*/.comments{margin-top:80px;}.comments h1{color:#1f1f1f; font-size:24px; font-weight:normal; position:relative;}.comments h1 span{color:#1f1f1f; font-size:14px; display:inline-block; position:absolute; right:0; bottom:0;}.comments h1 span .count{color:#ef3838;}.comments .comments-text{margin-top:20px; border:1px solid #cbcbcb; width:100%; height:130px; box-sizing:border-box; padding:10px;}.down{height:32px; line-height:32px; float:right;}.down .userImg{width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; margin-right:17px; float:left;}.down span{color:#666666; font-size:15px;}.down span a{color:#00a2ff;}.down .submit-on{float:right; width:80px; height:32px; background-color:#ffb3b3; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:text;}.down .submit-out{background-color:#ef3838; float:right; width:80px; height:32px; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;}.plfr1{margin-top:10px;}.plcode{border:1px solid #cbcbcb; width:150px; height:32px; box-sizing:border-box; padding:10px;}.plfr1 img{height:40px; margin-left:10px;}.plfr1 label{color:#f00; font-size:12px; margin-left:4px;}.comments-list{margin-top:60px;}.comments-list h1{color:#1f1f1f; font-size:16px; font-weight:normal; border-bottom:2px solid #f0f0f0; line-height:30px; height:30px; margin-bottom:10px; }.comments-list h1 span{display:inline-block; line-height:30px; border-bottom:2px solid #ef3838;}.comments-item{padding-top:10px; border-bottom:1px dotted #c7c7c7;}.comments-item .tx{float:left; height:100%; margin-right:10px;}.comments-item .tx img{width:50px; height:50px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;}.comments-item .rig{padding-left:60px;}.comments-item .rig .rig-top{padding-top:10px;}.rig .rig-top a{color:#00a2ff; font-size:12px; margin-right:10px;}.rig .rig-top em{color:#ccc; font-size:12px;}.rig .rig-txt{color:#1f1f1f; font-size:14px; line-height:18px; margin-top:10px;}.rig .rig-bottom{margin:10px 0; color:#ccc; font-size:12px;}.rig .rig-bottom a{color:#ccc; font-size:12px; margin-right:20px; padding-left:18px; position:relative; cursor:pointer; line-height:12px; display:inline-block;}.rig .rig-bottom .comments-zan:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -274px no-repeat;}.rig .rig-bottom .comments-hf:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -254px no-repeat;}.rig .rig-bottom .reply-on{color:#00a2ff;}.rig .rig-bottom a:hover{color:#00a2ff;}.rig .reply{display:none; height:auto; padding:5px; margin-top:10px; border:1px solid #cbcbcb; overflow:hidden; margin-bottom:10px;}.rig .reply .reply-text{ height:100px; width:100%; font-size:12px; outline:none; resize:none; border-bottom:1px solid #f0f0f0; margin-bottom:5px;}.rig .reply .reply-btn{float:right; padding:3px 16px; background-color:#00a2ff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; color:#fff; font-size:14px; margin-right:5px; outline:none;}.rig .reply .reply-btn:hover{background-color:#21aeff;}.open-more{margin-top:40px; text-align:center;display: none;}.open-more a{padding:5px 20px; border:1px solid #c7c7c7; font-size:12px; color:#333; display:inline-block;}.open-more a:hover{border:1px solid #ef3838; color:#333;}.comments-child{border-top:1px dotted #c7c7c7; border-bottom:none;}/*评论结束*/
js
r-cms
jquery.js
front.js
r-cms-jqueryUI
jquery-ui.js
<script src="${resSys}/jquery.js" type="text/javascript"></script><script src="${resSys}/jqueryUI/jquery-ui.js" type="text/javascript"></script><script src="${resSys}/front.js" type="text/javascript"></script>
<script type="text/javascript"> $(function() { Cms.checkPerm("${base}","${content.id}"); Cms.collectCsi("${base}","collectCsiDiv","collect_csi","${content.id}"); Cms.attachment("${base}","${content.id}","${content.attachments?size}","attach"); Cms.viewCount("${base}","${content.id}"); Cms.siteFlow("${base}", location.href, document.referrer,"${site.config.flowSwitch?string}"); }); </script> <script type="text/javascript"> jQuery(document).ready(function($){ $(‘.content-comment‘).click(function(){ $(‘html,body‘).animate({scrollTop:$(‘#comments-text‘).offset().top}, 1000) $(‘#comments-text‘).focus(); }); }); $(function(){ //设置一个定时器,为BUTTON点击事件用 var timer=null; var number1=0; //文本输入时改变 $(‘#comments-text‘).keyup(function(){ if(!$(this).val()==‘‘){ $(‘.submit-on‘).attr("class", "submit-out"); }else{ $(".submit-out").attr("class", "submit-on"); } }); //处理输入的内容是文字还是字母的函数 function getLength(str){ return String(str).replace(/[^\x00-\xff]/g,‘aa‘).length; }; }); </script>
images
r-cms-www
no_picture.gif
jeecms 评论相关
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。