jsp的web项目中有个模块是关于评论的我想做的好看一点像qq中那样应该怎么编写??下面是截图
当点击评论或文本框里的“我也说一句”会变成
当点击评论或文本框里的“我也说一句”会变成
解决方案 »
- ExtJs定时器问题
- 用js在map上 实现 不规则描点,记录在map里的坐标
- 关于javascritp的使用问题
- 我想调用MainFrame里的方法应该 如何 做?
- 网页内容关键字的触发
- 【Firing fox,I crashed: How to write HTML to iframe using JS】
- 下拉菜单的动态生成问题?
- 如何判断页面上的某个元素是否存在???
- flash影片是不是总在最顶层?我写了一个移动的层,<div>的,总是被flash遮住!能解决吗??
- 如何新建一个窗口a,并同时关闭已经存在窗口b,或者
- 菜鸟请教,用jq判读form里面的内容
- 如何用js监听一个元素的属性变化?
onfocus 事件 然后 各种处理...
最简单的就是 隐藏你当前的input然后显示出来你要显示的input和其他 或者在原有基础上改造
判断内容是否为 我也说一句 ,是则清空否则不变。
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("span").mouseover(function(){
$(this).removeClass("mousemovespan");
$(this).addClass("mouseoverspan");
}).mouseout(function(){
$(this).removeClass("mouseoverspan");
$(this).addClass("mousemovespan");
});
$("#comment").click(function(){
$("#comments_input").css('display','block');
$("#comments").css('display','none');
});
$("#comments_input").focus(function(){
$("#comments_input").css('display','none');
$("#comments").css('display','block');
});
});
</script>
<style>
div{
margin:2px;
}
.mousemovespan{
font-size:14px;
margin:5px;
padding:5px;
cursor: pointer;
color:grey;
}
.mouseoverspan{
font-size:14px;
margin:5px;
padding:5px;
cursor: pointer;
color:blue;
}
#comments_input{
color:grey;
}
</style>
</head>
<body>
<div>
<span class="mousemovespan" id="praise">赞</span>
<span class="mousemovespan" id="comment">评论</span>
<span class="mousemovespan" id="trans">转发</span>
</div>
<div>
<input id="comments_input" value="我也说一句" style="display:none;"></input>
<textarea id="comments" cols="20" rows="1" style="display:none;"></textarea>
</div>
</body>
</html>