jquery实现隐藏与显示动画效果/输入框字符动态递(2)

) 
<input type="radio" />&nbsp;&nbsp;自动 大小:&nbsp;&nbsp;
<input type="text" />K
</td>
</tr>
<tr>
<th> 评论选项</th>
<td>
<input type="radio"/>&nbsp;&nbsp;允许评论 &nbsp;&nbsp;
<input type="radio" />&nbsp;&nbsp;禁止评论
</td>
</tr>
<tr>
<th><span>*</span> 标题</th>
<td>
<input" type="text" size="90" onkeyup="words_deal(this,20,2);"/>
剩余<span>20</span>个字<br />
</td>
</tr>
<tr>
<th> 文章排序 </th>
<td colspan="2">
<select>
<option selected="" value="默认排序">默认排序</option>
<option value="置顶一周">置顶一周</option>
<option value="置顶一月">置顶一月</option>
<option value="置顶一年">置顶一年</option>
</select>
</td>
</tr>
</table>
<!--第二个div层end-->
</div>
<!--包含层start-->
</body>
<script>
//切换界面
function toOpen(dom,id){
var className = $(dom).attr("class");
if(className != 'on'){
$('table[id^=table_]').hide();
$('.mainnav_title ul a').removeClass('on');
$('#table_'+id).show();
$(dom).addClass('on');
}
}
//文章列表菜单栏效果控制函数
function fun_search(dom,id){
//控制搜索层显示或隐藏
if(id!=1){
$(".article_search").toggle("fast",function(){
});
}
//控制切换样式
var className = $(dom).attr("class");
if(className != 'on'){
$('.search_table a').removeClass('on');
$(dom).addClass('on');
}
}
</script>
</html>

以下是运行的效果图：

 
ps：代码规范很重要，养成加注释的好习惯。

您可能感兴趣的文章: