发表评论的代码

发表评论的代码

/*评论区*/
#in_comment{width:900px;background:-color:#000000}
/*"网友评论:"标题*/
#in_comment {margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
/*评论者区域*/
#in_comment {background-color:#cccccc;margin-bottom:6px;color:#333333;font-size:12px}
#in_comment a{color:#3399CC;font-size:12px}
#in_comment a:visited{width:150px;text-align:center;color:#3399CC}
#in_comment a:hover{color:#ff0000}
/*评论日期(百度默认模版中原句错误)*/
#in_comment {color:#666666;font-size:12px}
/*评论内容*/
#in_comment {color:#333333;font-size:12px}
/*评论区分割线*/
#in_comment {margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4 }
/*数字及头像区域*/
#in_comment td{width:160px;text-align:left;background-color:#3399cc;color:#ff0000}
/*评论数字*/
#in_comment {width:30px;background-color:#ffff00;color:#ff0000}
/*日期及内容区域*/
#in_comment {width:650px;text-align:left;background-color:#003300;}
/*评论区域整体*/
#in_comment div{background-color:#EEEEEE;}
/*评论日期,评论内容*/
#in_comment span,#in_comment {margin-left:0px;background-color:#cccccc;width:650px;color:#ff0000}

Jquery怎样实现Ctrl+Enter组合键快捷发表评论

jQuery 实现 Ctrl+Enter 快捷键发表评论 jquery代码：
<script language="javascript">
jQuery(document).keypress(function(e){
if(y && == 13 || == 10) {
jQuery("#commentForm").submit();
} else if (ey && ==13 || == 10) {
jQuery("#commentform").submit();
}
})
</script>
重点介绍：
在ff中 判断 ctrl+enter 是 y && ==13
在ie6中 判断ctrl+enter 是 y && ==10
其他案例：
<textarea name="comment" id="comment" tabindex="4" ></textarea>
改成：
<textarea name="comment" id="comment" tabindex="4" onkeydown=if(y&&e==13){mentById('submit').click();return false};"></textarea>
以上是为大家分享的Ctrl+Enter实现发表的代码，当在文本域内使用组合键Ctrl+Enter怎样实现发布的代码，供大家参考学习。

百度空间首页留言板代码

/******留言板******/
#{} /*留言板模块*/
#mod_board {} /*以下6项如果不设定则继承通用模块的样式*/
#mod_board {}
#mod_board d{}
#mod_board {}
#mod_board {}
#mod_board {}

/*其它代码与最新评论区完全相同，可以用#mod_board罩着修改，但一定要放到评论区代码的后面才能生效*/

/******留言板内部页面******/
#spBCmtAuthor{} /*留言姓名输入框*/
#spBCmtURL{} /*留言网址输入框*/
#spBCmtText{} /*留言输入框*/
#vercode input{} /*验证码输入框*/
#in_send td.f14 input{} /*添加留言按钮*/

#in_msg {} /*留言区*/
#in_msg {} /*留言区标题*/
#in_msg a{} /*留言区链接*/
#in_msg a:hover{} /*悬停效果*/
#in_msg {} /*留言序号*/
#in_msg {} /*留言用户*/
#in_msg a img{} /*用户头像*/
#in_msg a:hover img{} /*悬停效果*/
#in_msg {} /*留言时间*/
#in_msg {} /*留言内容*/
#in_msg {} /*分界线*/

p.s. CSS初学者可以略过下面的内容，建议CSSer参考一下。

由于留言板内部页面与评论区域的代码交叉嵌套，因此在设计模板时应注意语句的先后顺序，下面给出评论区与留言区的建议语句排序：

/******内部发表评论区域******/
#in_send{} /*发表评论区域背景*/
#in_send input{} /*内部发表评论及留言区域的输入区，包括单选框、文本框和按钮*/
#in_send {} /*发表评论标题*/
#in_send table{} /*发表评论内容*/
#in_send td.f14{} /*提示语*/
input.#spBlogCmtor{} /*姓名输入框*/
input.#spBlogCmtURL{} /*网址输入框*/
#spBlogCmtText{} /*评论输入框*/

/******留言板内部页面******/
input.#spBCmtAuthor{} /*留言姓名输入框*/
input.#spBCmtURL{} /*留言网址输入框*/
#spBCmtText{} /*留言输入框*/
#vercode input{} /*验证码输入框*/
#in_send td.f14 input{} /*留言按钮*/

#in_msg{} /*留言区*/
#in_msg {} /*留言区标题*/
#in_msg a{} /*留言区链接*/
#in_msg a:hover{} /*悬停效果*/
#in_msg {} /*留言列表*/
#in_msg {} /*留言序号*/
#in_msg {} /*留言用户*/
#in_msg a img{} /*用户头像*/
#in_msg a:hover img{} /*悬停效果*/
#in_msg {} /*留言时间*/
#in_msg {} /*留言内容*/
#in_msg {} /*分界线*/

其中部分代码与之前给出的代码略有出入（例如input.#spBCmtAuthor{}），这是因为相关的html代码为：

...
<td class="f14">姓 名：</td>
<td><input type="text" name="spBCmtAuthor" id="spBCmtAuthor" style="width:220px" onKeyDown="cont(this,50);" onKeyUp="cont(this,50);" maxlength="49"></td>
...

因此，input.#spBCmtAuthor{}的写法比#spBCmtAuthor{}更为精确。 另外，#in_send input{} 可用来控制留言板“姓名”单选框的样式。但一定要把它提到最前，否则，会干扰姓名、网址等输入框的样式

默认的留言板代码如下：

#in_msg{width:710px}
#in_msg {margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_msg .item {width:40px;font-weight:bold}
#in_msg .item {width:150px;color:#333333;}
#in_msg .item a{color:#3399CC;font-size:12px}
#in_msg .item a:visited{color:#3399CC}
#in_msg .item img{margin-bottom:5px}
#in_msg .item a{color:#3399CC;font-size:12px}
#in_msg .item a:visited{color:#3399CC}
#in_msg {color:#666666;font-size:12px}
#in_msg {margin-top:5px;color:#333333;font-size:12px}
#in_msg {margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}