您的位置：首页 > 其它

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

2013-05-31 00:17 369 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航