js实现文本框获得焦点时弹出气泡提示框的例子

首先，下载form-field-tooltip插件（大家百度下吧）
1、引入插件：

 <link rel="stylesheet" href="/form-field-tooltip/css/form-field-tooltip.css" media="screen" type="text/css">
 <script type="text/javascript" src="/form-field-tooltip/js/rounded-corners.js"></script>
 <script type="text/javascript" src="/form-field-tooltip/js/form-field-tooltip.js"></script>

2、应用：

<INPUT> 或 <TEXTAREA>的文本框，文本域都可以使用。
<input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box">

3、初始化和配置SCRIPT：

<script type="text/javascript">
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEE');
tooltipObj.setCloseMessage('Exit');
tooltipObj.initFormFieldTooltip();
</script>

经过以上三步的设置后，鼠标点击文本框之后即可弹出一个气泡提示框，是不是很有感呢，呵呵，快动手测试下吧。