您的位置:首页 > Web前端 > BootStrap

BootstrapTooltip

2016-01-13 10:18 681 查看
相关网址:

1.http://v3.bootcss.com/javascript/#tooltips

2.http://www.runoob.com/bootstrap/bootstrap-tooltip-plugin.html

使用方法:

1.需要导入bootstrap.css,bootstrap.js,jquery.js,tooltip.js

2.需要在javascript中激活tooltip插件

<script type="text/javascript">
$(document).ready(function(){
//激活tooltip,必须。
$("[data-toggle='tooltip']").tooltip();
});

//第二种方法:只通过Js调用tooltip,不通过DOM
$('#password_txt').tooltip({trigger:"hover focus",placement:"top",title:"aaaaaaaaaaaaa"});

</script>
3.第一种方法,通过DOM调用,DOM中引用:<input type="text"  data-toggle="tooltip" data-placement="right" data-title="请输入用户名"/>

4.效果

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息