jCallout轻松实现气泡提示功能

jCallout下载地址：https://github.com/anupamsmaurya/jCallout需要添加此参考。

用户名行的html代码为：复制代码如下：tr td class='columnName '用户名：/TD TD TD输入id=' htbxussername ' class=' needcheck ' type=' text '/span class=' required ' */span/TD/Tr然后在js中添加如下代码：复制的代码如下： $ ('# htbxussername ')。jcallout(' init withintshow '，{message: '必需！position: 'right '，backgroundColor: '#f00 '，textColor: '#fff '，showEffect: 'fade '，showSpeed: 300，hideEffect: 'fade '，hideSpeed: 300，$ closeelement : $(' ')})；需要注意的是，jCallout有两种初始化方法：init和initWithoutShow。前者会在初始化后立即显示气泡，而后者不会立即显示气泡。如有必要，添加代码显示：复制的代码如下： var $ UsernameInput=$(' # htbxusername ')；$userNameInput.blur(函数(){ if($userNameInput.val()。length==0){ $ usernameinput . jcallout(' show ')；}});参数$closeElement是用于设置气泡的关闭按钮。如果查看插件源代码，会发现复制的代码如下： $ close element : $(' span style=' float 3360 right；Cursor:指针'(X)/span ')，如果未设置$closeElement: $(' ')，将出现以下显示，点击(X)关闭气泡：。

此外，气泡还可以显示图片，只需将图片的html代码写入消息参数：复制代码如下： message 3360 ' img src=' images/11 . png '必选！