当前所在位置:珠峰网资料 >> 计算机 >> 计算机等级考试 >> 正文
当文本框获得焦点时要求以气泡形式弹出一个提示框。。。
发布时间:2010/2/10 11:45:18 来源:www.xue.net 编辑:城市总裁吧

  最近做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>

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

广告合作:400-664-0084 全国热线:400-664-0084
Copyright 2010 - 2017 www.my8848.com 珠峰网 粤ICP备15066211号
珠峰网 版权所有 All Rights Reserved