学步园

最近做JAVA JSP项目，客户有个需求：当文本框获得焦点时要求以气泡形式弹出一个提示框。。。

 

首先下载form-field-tooltip插件（google一下，遍地都是，此处不提供下载地址了就）

 

引入插件：
 <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>

 

应用：

<INPUT> 或 <TEXTAREA>的文本框，文本域都可以使用。

<input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box">

 

初始化和配置SCRIPT：

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

 

按照上述配置之后，当鼠标点击文本框之后即可弹出一个气泡提示框。