                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（JS插件篇）

效果有啥特別效果區別

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>js bin</title>
<link rel="stylesheet" href="../../bootstrap.css">
</head>
<body>
<div id="divTest">
? ?<h3>按鈕提示框</h3>
? ?<button type="button" class="btn btn-default" id="myTooltip1">這是我的按鈕提示框</button>
? ?<button type="button" class="btn btn-default" id="myTooltip2">這是我的按鈕提示框</button>
? ?<button type="button" class="btn btn-default" id="myTooltip3">這是我的按鈕提示框</button>
? ?<button type="button" class="btn btn-default" id="myTooltip4">這是我的按鈕提示框</button>

? ?<h3>鏈接制作的提示</h3>
? ?<a href="##" class="btn btn-primary" id="myTooltip5">這是我的鏈接提示框</a>
? ?<a href="##" class="btn btn-primary" id="myTooltip6">這是我的鏈接提示框</a>
? ?<a href="##" class="btn btn-primary" id="myTooltip7">這是我的鏈接提示框</a>
? ?<a href="##" class="btn btn-primary" id="myTooltip8">這是我的鏈接提示框</a>
</div>
<script src="../../jquery.min.js"></script>
<script src="../../bootstrap.min.js"></script>
<script>
? ?$(function () {
? ? ? ?$('#myTooltip1').tooltip({
? ? ? ? ? ?title:"我是一個提示框啊哈哈哈哈",
? ? ? ? ? ?placement:"top"
});
? ? ? ?$('#myTooltip2').tooltip({
? ? ? ? ? ?title:"我是一個delay提示框啊哈哈哈哈",
? ? ? ? ? ?delay:{"show":"2000","hide":"1000"}
? ? ? ?});
? ? ? ?$('#myTooltip3').tooltip({
? ? ? ? ? ?title:"我是一個animation提示框啊哈哈哈哈",
? ? ? ? ? ?placement:"top",
? ? ? ? ? ?animation:true
});
? ? ? ?$('#myTooltip4').tooltip({
? ? ? ? ? ?title:"我是一個html提示框啊哈哈哈哈",
? ? ? ? ? ?placement:"top",
? ? ? ? ? ?html:true
});
? ? ? ?$('#myTooltip5').tooltip({
? ? ? ? ? ?title:"我是一個trigger提示框啊哈哈哈哈",
? ? ? ? ? ?placement:"top",
? ? ? ? ? ?trigger:"click"
});
? ? ? ?$('#myTooltip6').tooltip({
? ? ? ? ? ?title:"我是一個提示框啊哈哈哈哈",
? ? ? ? ? ?selector:true
});
? ? ? ?$('#myTooltip7').tooltip({
? ? ? ? ? ?title:"我是一個提示框啊哈哈哈哈",
? ? ? ? ? ?container:'body'
});
? ? ? ?$('#myTooltip8').tooltip({
? ? ? ? ? ?title:"我是一個提示框啊哈哈哈哈",
? ? ? ? ? ?plcement:"top",
? ? ? ? ? ?viewport:'#viewport'

});
? ?})
</script>
</body>
</html>