麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jCallout 輕松實現氣泡提示功能

2019-11-20 22:13:58
字體：大 中 小
來源：轉載
供稿：網友

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

需要添加此引用

用戶名一行的 html 代碼是：

復制代碼 代碼如下:

<tr>
    <td class="columnName">用戶名：</td>
    <td><input id="hTbxUserName" class="needCheck" type="text"/><span class="necessary">*</span></td>
</tr>

然后在 js 中添加如下代碼：

復制代碼 代碼如下:

$('#hTbxUserName').jCallout(
    'initWithoutShow',{
        message: "必填項！",
        position: "right",
        backgroundColor: "#f00",
        textColor: "#fff",
        showEffect: "fade",
        showSpeed: 300,
        hideEffect: "fade",
        hideSpeed: 300,
        $closeElement: $('')
   });

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

復制代碼 代碼如下:

var $userNameInput = $("#hTbxUserName");
$userNameInput.blur(function() {
    if($userNameInput.val().length==0){
        $userNameInput.jCallout('show');
    }
});

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

復制代碼 代碼如下:

$closeElement: $('<span style="float: right; cursor: pointer">(X)</span>'),

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

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

復制代碼 代碼如下:

message: "<img src='images/11.png'>必填項！"

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： www视频免费在线观看 | 最新久久免费视频 | 成人一级在线 | 国产1区2区3区中文字幕 | 成人午夜精品久久久久久久蜜臀 | 久久成人国产精品 | 久久草草亚洲蜜桃臀 | 欧美激情精品久久久久久久久久 | 看片一区 | 美女视频在线观看黄 | 成人做爰s片免费看网站 | 黄污网站在线观看 | 久久91亚洲人成电影网站 | 高清国产午夜精品久久久久久 | 日日天日日夜日日摸 | 精品一区二区三区中文字幕老牛 | 国产精品99久久久久久大便 | 色七七亚洲| 毛片在线视频在线播放 | 91成人免费看 | 奶子吧naiziba.cc免费午夜片在线观看 | 在线成人一区二区 | 免费在线观看中文字幕 | 日韩高清电影 | 看毛片的网址 | 蜜桃传媒视频麻豆第一区免费观看 | 毛片在线免费播放 | 久久综合综合 | 久久免费毛片 | 亚洲精品无码不卡在线播放he | 国产一级免费不卡 | 国产视频在线观看免费 | xxxxxx视频| 亚洲狠狠入 | 久久免费视频一区二区三区 | 欧美男女爱爱视频 | 久久男人的天堂 | 成人做爰高潮片免费视频韩国 | 曰批全过程40分钟免费视频多人 | 中文字幕22页 | 成年人黄色免费网站 |