jCallout 輕鬆實現氣泡提示功能_jquery

jCallout的下載網址：https://github.com/anupamsmaurya/jCallout

需要加入此引用

使用者名稱一行的 html 程式碼是：

複製碼 代碼如下:

 ">使用者名稱：
    *

然後在js 中加入以下程式碼：

複製程式碼 程式碼如下:

$('#hTbxUserName'). >    'initWithoutShow',{
        message: "必填項！",
        position: "right", showEffect: "fade",
        showSpeed: 300,
        hideEffect: "fade",
      hideEffect: "fade",
      hideEffect: "fade",
      hideEffect: "fade",
    closeElement: $('')
   });

要注意的是jCallout 有兩種初始化的方法：init 和initWithoutShow，前者初始化後就會立即顯示氣泡，後者不會立即顯示，要在需要時添加程式碼顯示：

複製程式碼 程式碼如下:

$userNameInput.blur(function() {
    if($userNameInput.val().length==0){
        });


參數$closeElement 是設定氣泡的關閉按鈕，看插件原始碼會發現

複製程式碼

程式碼如下:$closeElement: $('(X)'),

如果不設定$closeElement: $('') 的話，會出現如下顯示，並且，點擊(x ) 可以關閉氣泡：

另外，氣泡同樣可以顯示圖片，將圖片的 html 程式碼寫入 message 參數即可：

複製程式碼

程式碼如下:message: "必填項！