本剧本演示了当把焦点切换到表单内的某个文本框上时,会呈现一个十分酷的提醒信息框,并且这个提醒信息框是带封闭按钮以及彻底封闭按钮
点击这里下载全副源代码以及相干资本
紧缩包内蕴含了一下文件:
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文件夹蕴含了协助文件,假如遇到成绩能够查看!
点击这里下载全副源代码以及相干资本
紧缩包内蕴含了一下文件:
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文件夹蕴含了协助文件,假如遇到成绩能够查看!
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。