文本框获取焦点时显示隐藏部分内容

最新推荐文章于 2020-03-16 09:46:47 发布

yuyuntao2003

最新推荐文章于 2020-03-16 09:46:47 发布

阅读量574

点赞数

本文链接：https://blog.csdn.net/yuyuntao2003/article/details/8997367

版权

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
</head>
<script>
$(function(){
$("#from_txt").hide();
$("#keyword").focus(function(){
$("#from_txt").show();
});
$("body").contents().not(".from").click(
function(){
$("#from_txt").hide();
}
);

});
</script>
<div class="from">
<input type="text" value="查找网盘文件..." id="keyword" />
<div id="from_txt" >
<input name="radio" type="radio" value="" checked="checked" />全部文件<br/>
<input name="radio" type="radio" value="" />文档文件<input name="radio" type="radio" value="" />图片文件<br/>
<input name="radio" type="radio" value="" />音乐文件<input name="radio" type="radio" value="" />视频文件<br/>
</div>
</div>
<p class="bb">fffff</p>
<div class="bb" >cccc</div>