文档章节

bootstrap3 - Tooltip&弹出框&提示信息

iNiL0119
 iNiL0119
发布于 2015/07/31 11:23
字数 202
阅读 699
收藏 3
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
 <!-- Tooltip -->
 <a href="#" data-toggle="tooltip" data-placement="right" title="This is the tooltip on the right" id="tooltip" class="btn btn-primary">工具提示</a>
    <br><br><br>
 <!-- Popup Table -->
 <a href="javascript:void(0);" data-toggle="popover" data-placement="right" id="popover" class="btn btn-lg btn-primary btn-danger"
 data-original-title="弹出框"
 data-content="采用了点击事件触发,相比Tooltip可以显示更多、更正式的内容,并且可以配置更多样式">点击了解更多...
    </a>
    <br><br><br>
 <!-- Alert Message -->
 <div class="alert alert-danger fade in">警告,服务器挂了!
        <a href="#" class="close" data-dismiss="alert">X</a>
    </div>
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script type="text/javascript">
 $("#tooltip").tooltip(); // 实现tooltip样式必须添加此方法
 $("#popover").popover();
 </script>
</body>
</html>

© 著作权归作者所有

iNiL0119
粉丝 7
博文 90
码字总数 88887
作品 0
杭州
前端工程师
私信 提问
jQuery信息提示插件--Dynamic tooltip

Dynamic tooltip 是一个jQuery信息提示插件,网站的信息提示(tooltip)效果设计得漂亮的话,会给网站增色很多。Dynamic tooltip就是这样一个漂亮的插件,有淡入淡出、透明、阴影等效果。 通过...

匿名
2011/12/11
2.6K
1
echarts如何将tooltip的Hover事件改为点击事件

我如何才能把鼠标悬浮弹出tooltip提示框改为鼠标点击弹出tooltip提示框。

冥羽
2015/06/30
23.6K
8
bootstrap3 modal 弹出框关闭问题

请问有没有遇到过这样的问题: 再一个页面中弹出一个很长的bootstrap3 modal A,然后该弹框上有个按钮,点击该按钮后又弹出一个弹出框B,当我把B关掉后,A不能滑动了。 有没有解决方案啊,谢...

IT游民
2016/10/31
728
1
bootstrap.js学习笔记

模态弹出框 Bootstrap框架中的模态弹出框,分别运用了“modal”、“modal-dialog”和“modal-content”样式,而弹出窗真正的内容都放置在“modal-content”中,其主要又包括三个部分: ☑ 弹...

_好久不见
2015/11/05
626
0
Echart中tooptip超出外层的div时,被遮住无法显示

@Kener-林峰 你好,想跟你请教个问题: 项目中使用到了Echart的技术,展示效果非常好。但现在有个问题,就是tooltip的提示框可能会被外层的div遮住问题,详细的请看截图,鼠标划过右边柱状图,...

panguofeng
2016/11/25
924
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Boot 2 实战:使用 Spring Boot Admin 监控你的应用

1. 前言 生产上对 Web 应用 的监控是十分必要的。我们可以近乎实时来对应用的健康、性能等其他指标进行监控来及时应对一些突发情况。避免一些故障的发生。对于 Spring Boot 应用来说我们可以...

码农小胖哥
今天
6
0
ZetCode 教程翻译计划正式启动 | ApacheCN

原文:ZetCode 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 ApacheCN 学习资源 贡献指南 本项目需要校对,欢迎大家提交 Pull Request。 ...

ApacheCN_飞龙
今天
4
0
CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
今天
7
0
从零基础到拿到网易Java实习offer,我做对了哪些事

作为一个非科班小白,我在读研期间基本是自学Java,从一开始几乎零基础,只有一点点数据结构和Java方面的基础,到最终获得网易游戏的Java实习offer,我大概用了半年左右的时间。本文将会讲到...

Java技术江湖
昨天
7
0
程序性能checklist

程序性能checklist

Moks角木
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部