首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
文本操作
> 正文
点击展开的文章评论效果
2010-08-12 文本操作 287℃
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>实用的文章评论效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> body{font-size:14px;} p{margin:0px;padding:10px;} #w{width:400px;} .p{border:1px solid #999999;} #p{width:380px;border:1px solid #999999;background-color:#FFFFFF;overflow:hidden;display:none;padding:10px;} .c{cursor:pointer;font-size:12px;} </style> </head> <body> <div id="w"> <p class="p">这里是文章正文部分:<br>资料库:www.zlcool.com,网页特效代码库,欢迎光临!</p> <p align="right"><span id="c" class="c">我要评论</span></p> </div> <div id="p"> <input type="text" id="i" maxlength="10" name="i"><br> <span class="c">还能输入<span id="n"></span>字</span> </div> <script language="javascript"> var _=function(id){return document.getElementById(id);} var i=0,MAX=_("i").maxLength; var s=function(id,h){ if(parseInt(_(id).clientHeight)<h){ _(id).style.height=parseInt(_(id).clientHeight)+i+++"px"; setTimeout("s('"+id+"',"+h+")",10); } } _("n").innerHTML=MAX; _("c").onclick=function(){ _("p").style.display="block"; s("p",200); } _("i").onkeyup=function(){ _("n").innerHTML=MAX-this.value.length; } </script> </body> </html>
相关特效代码
无相关信息
热门特效代码
输入框的文字闪烁变色引人注意
纯CSS内页内容切换选项卡
鼠标经过链接显示注释旋转风火轮
指向自动选择的输入框
放大镜链接效果
带注释的链接特效
文字闪烁效果
带注释的链接特效代码
点击文字显示隐藏链接
WEB2.0圆形边框css做法
推荐特效代码
字符连续消隐
文字变色逐个出现
段落文字百叶窗效果输出
点击文字显示隐藏链接
文字由小变大由大变小(动态变化
文字来回上下移动或跳动