JQuery实现简单时尚快捷的气泡提示插件

在程序提交后，我们需要验证并提示出错的位置，利用JQuery我们可以轻松实现气泡提示，先看效果图

具体调用代码：复制代码代码如下：输入名称='ipt' id='ipt '值=''/脚本语言='javascript' Tooltip.show('输入值为空!'、‘ipt’)；/script其实现过程如下：1、首先我们在用计算机修改（图片或照片)中设计出提示框的形状及背景

2、我们将背景切成三个部分，顶部、主要、底部：

main:

底部：

3、定义提示框的半铸钢钢性铸铁(铸造半钢)文件复制代码代码如下：工具提示{位置：绝对；高度：200 px宽度宽度：300pxpadding:10px}。tooltip _ main { background-image : URL(images/tooltip _ main。巴布亚新几内亚)；背景-位置：中心；背景-重复：重复-y；左填充左侧：30像素填充-右侧：30 pxcolor: # C00font-weight :加粗；} .tooltip _ top { width:300px高度：40 px背景-image : URL(images/tooltip _ top。巴布亚新几内亚)；背景-重复：不重复；背景-位置：底部；} .tooltip _ bottom { width :300 px；高度：20 px背景-图像： URL(图像/工具提示_底部。巴布亚新几内亚)；背景-重复：不重复；背景-位置：顶；}4、创建工具提示类，其实现如下：复制代码代码如下： var Tooltip={ }；Tooltip.show=function(msg，obj){ $(“#”obj).在(' div class=' tooltip ' id=' tooltip _ obj ' ' ' ' div class=' tooltip _ top '/div ' ' class=' tooltip _ main ' ' msg '/div ' ' div class=' tooltip _ bottom '/div ' '/div ')之后；//调整位置var objOffset=$('#' obj).offset()；objoffset。左-=25；objoffset。top-=10；$("# tooltip _"obj).偏移量(ObJoffSet)；//点击消失$("# tooltip _"obj).单击(function(){ $(this)).hide()；$("#"obj).焦点();});}