好用的基于jQuery的提示框插件--webui-popover

本文介绍了webui-popover,一个基于jQuery的提示框插件,它与Bootstrap兼容但不依赖,支持IE7以上浏览器。特点包括运行速度快、定位灵活、关闭按钮、多实例及样式自定义等。使用方法包括通过HTML的data-*属性或JavaScript直接创建,提供丰富的自定义设置选项。
摘要由CSDN通过智能技术生成

今天工作中无意中发现一款特别好用的基于jQuery的提示框插件–webui-popover:
该提示框插件可以和Bootstrap完美结合,但是并不一定需要和Bootstrap一起使用。它支持IE7以上的浏览器。它的特点有:
运行速度快,轻量级。
支持多种定位方式。
能自动计算提示框位置。
在提示框中提供关闭按钮。
同一个页面支持多个提示框实例。
支持不同的样式。
支持使用url和iframe。
支持异步加载模式。

使用方法:

它的使用方法特别简单 首先在项目中引入必要的js、css文件
这里写图片描述
然后是HTML部分,也是特别的简单
这里写图片描述
最后就是创建一个提示框了 这里有两种方式可以创建
1、在html标签中使用data-* 属性来创建 如:
<a href="#" data-placement="top" data-title="hello" data-content="Content">
这样就创建了一个最简单的提示框。但是这种方式使得html代码显得特别累赘 所以推荐使用第二种方式:
2、在js文件中创建:
这里写图片描述
调用插件封装好

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值