javaee论坛

普通会员

225648

帖子

324

回复

338

积分

楼主
发表于 2017-06-26 06:47:04 | 查看: 140 | 回复: 1
在html中引入bootstrap的css和js,然后在需要提示的标签上,加上:

< class="ttyprint">data-toggle="tooltip" data-placement="bottom" title="12345678901"

然后在JS中加入:

< class="ttyprint">$("[data-toggle='tooltip']").tooltip();

即可。

例如,在<a>标签上加上以上代码:

< class="ttyprint"><a data-toggle="tooltip" data-placement="bottom" title="12345678901"><i class="fa fa-phone"></i></a>

效果则为:
这里写图片描述

但有时我们不光想简单显示几个字,还想要支持html样式,如加粗的字,图片等,我们可以在标签上再加上:data-html="true",然后在title属性里就可以写html代码了,如:

< class="ttyprint"><a data-toggle="tooltip" data-placement="bottom" title="微信二维码:<img src='img.png' style='height:100px'>" data-html="true"><i class="fa fa-weixin"></i></a>

效果则为:
这里写图片描述


普通会员

1

帖子

286

回复

295

积分
沙发
发表于 2019-11-13 06:33:00

很好

您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017