## 浮動提示 **鼠標移動浮動1** 只需要顯示的地方`class`中加入`tip-hotspot`，并加入提示內容 `data-tip="提示內容"` ``` <a class=" tip-hotspot" data-tip="能看到我哦！" >移動到我這里</a> ``` **鼠標移動浮動2**（位置參考[鏈接](https://www.runoob.com/try/try.php?filename=bootstrap3-plugin-popover)） ``` <span data-toggle="popover" data-content="222222" data-placement="bottom" data-html="true" data-trigger="hover" data-original-title="" title="">鼠標移動</span> ``` **點擊浮動** 參考：[鏈接](https://www.runoob.com/try/try.php?filename=bootstrap3-plugin-popover) ``` <code data-toggle="popover" data-placement="top" data-html="true" data-content="能看到我哦！" data-original-title="標題可有可無" >點我</code> ``` ## JS獲取表單內容 獲取id內的html內容 示例：獲取div中的html ``` <div id="contents"><b>今天早上天氣很冷，我朋友去提款機取錢。正好遇見運鈔車來加鈔，無奈之下我倆只好站在一旁苦苦等候，這時朋友問我：＂凍手不？＂我冷冷的回一句：＂凍手。＂結果我倆差點悲劇，四桿槍瞬間指向我們。。。</b></div> ``` JS代碼 ``` var content = $('#contents').html(); ``` 單行文本 name值 toid ``` var toid = $('input[name="toid"]').val(); ``` 下拉 ID為yt ``` var yt = document.getElementById("yt").value; ``` ## JS發送表單信息 接收表單地址 `?msg=adds` 發送表單 `content` ``` $.post('?msg=adds', {content: content}, function (text) { }); ``` ## 彈出層提示 更多參見 [http://layer.layui.com](http://layer.layui.com) 彈出提示 ``` layer.alert('彈出對話框'); ``` 彈出對話 ``` //詢問框 layer.confirm('即將導入默認語言項！<br><code>導入操作將會清空當前所有語言項！</code><br>請謹慎操作！！！點確定后將自動導入。', { btn: ['確定', '取消'] //按鈕 }, function () { window.location.href = '?do=idata&id=' + id; }); ``` ***** 行高 ``` <div class="line" style="margin: 2px 0;"></div> ``` ***** **全選 反選 取選** html ``` <div id="list"> <input type="checkbox" name="ids" id="all" value="1" /> <input type="checkbox" name="ids" id="all" value="2" /> <input type="checkbox" name="ids" id="all" value="3" /> <input type="checkbox" name="ids" id="all" value="4" /> </div> ``` js 全選 ``` $("#list :checkbox").prop("checked", true); ``` 反選 ``` $("#list :checkbox").each(function () { this.checked = !this.checked; }) ``` 取選 ``` $("#list :checkbox").prop("checked", false); ``` 注：以上針對ID為list的內的控制，也可以刪除 #list對全局控制 *****