超酷的表单项目提示信息框

2008-12-26 08:48:48 | 【

本脚本演示了当把焦点切换到表单内的某个文本框上时,会出现一个非常酷的提示信息框,而且这个提示信息框是带关闭按钮和彻底关闭按钮

查看演示页面 View Demo

下载:
点击这里下载全部源代码和相关资源
压缩包内包含了一下文件:
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属性实现的.如下:

<input type="text" id="firstname" name="firstname" tooltipText="sharejs提示:输入文本提示信息"> 


初始化脚本
在HTML文件的最后添加以下代码

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


压缩包内的doc文件夹包含了帮助文件,如果遇到问题可以查看!

下载"超酷的表单项目提示信息框"

  • 本地下载
  • 本地下载2

相关资源