本脚本演示了当把焦点切换到表单内的某个文本框上时,会出现一个非常酷的提示信息框,而且这个提示信息框是带关闭按钮和彻底关闭按钮
点击这里下载全部源代码和相关资源
压缩包内包含了一下文件:
index.html = 演示文件
js/form-field-tooltip.js = 主要的js脚本
js/rounded-corners.js = 用来创建提示框圆角的js
css/form-field-tooltip.css = 主样式表文件
images/* = 图片
程序使用说明 引用文件
首先引用js脚本和样式表文件(演示页面:index.html)
定义提示文本 提示框是通过在 <INPUT> 或者 <TEXTAREA> 上添加 tooltipText属性实现的.如下:
[code]
<input type="text" id="firstname" name="firstname" tooltipText="sharejs提示:输入文本提示信息">
[/code]
初始化脚本
在HTML文件的最后添加以下代码
[code]
<script type="text/javascript">
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEE');
tooltipObj.setCloseMessage('Exit');
tooltipObj.initFormFieldTooltip();
</script>
[/code]
压缩包内的doc文件夹包含了帮助文件,如果遇到问题可以查看!

本文系作者在时代Java发表,未经许可,不得转载。
如有侵权,请联系nowjava@qq.com删除。