超文本标记语言复制代码代码如下：表单ID=' form 1 ' runat=' server ' div style=' margin-top :100 px ' ASP : textbox ID=' textbox 1 ' runat=' server '提示title='增加的内容信息标题' HintInfo='控制在100个字数内，标题文本尽量不要太长/asp:文本框/div/div/表单页面中的样式复制代码代码如下：样式类型='text/css ' .聚焦{ border: 1px固体#FC0！重要；背景：网址(管理/图像/焦点_bg.jpg)重复-x！重要；color: #00F！重要；} /*提示文字样式*/# HintMSG { width : 271 px；绝对位置：显示器：无；} #HintMsg .HintTop { height: 9px背景：网址(管理/图像/提示1.gif)不重复；飞越：隐藏；} #HintMsg .HintInfo { padding: 0 5px边框-左侧： 1px实心# 000;右边框： 1px实心# 000;背景： # FFFFE1线高： 1.5 em} #HintMsg .显示：块；边距-底部： 6px左衬垫左侧： 15px背景：网址（管理员/图像/提示。gif)左中不重复；高度： 13px线高： 16px} #HintMsg .显示：块；向右浮动：文本-缩进：-9999像素；背景：网址（管理/图像/关闭。gif)不重复；宽度： 12px高度： 12 xcursor :指针；} #HintMsg .HintFooter { height: 22px背景：网址(管理/图像/提示2.gif)不重复；}/样式关键射流研究…复制代码代码如下： $(function() { $(').输入，登录_输入，文本区域').focus(function() { $(this))。addCLaSS(' focus ')；}).模糊(函数(){ $(此)).removeClass(“”焦点');});//输入框提示，获取拥有提示标题，提示信息属性的对象$('[HintTitle]，[HintInfo]').焦点(函数（事件){ $('* ')。stop()；//停止所有正在运行的动画$(' # hintsmsg ').移除();//先清除，防止重复出错var hint html=' ul id= ' hint msg ' Li class= ' hint top '/Lili class= ' hint info ' $(this).attr('HintTitle') '' $(this).attr(' HintInfo ')'/Lili class= ' HintFooter '/Li/ul '；//设置显示的内容定义变量偏移量=$(这个).offset()；//取得事件对象的位置$(“正文”).追加(HintHTMl)；//添加节点$(' # hintsmsg ').fadeTo(0，0.85)；//对象的透明度var HintHeight=$('#HintMsg ').高度();//取得容器高度$(' # hintsmsg ').CSS({ ' top ' :偏移量。顶部提示高度“px”，“left”: offset . left“px”}).法丁(500);}).模糊(函数（事件){ $(' # hintsmsg ').移除();//删除UL })；});效果图

以上内容来子一个下载的网站，具体的名字忘记了.仅作参考