webui-popover一个轻量级的jquery弹出层插件

下载地址

一个轻量级的jquery弹出层插件,增强引导的弹出插件和一些很棒的新特性。调用方法$("a").webuiPopover(options);创建简单的$("a").webuiPopover({title:"Title",content:"Content"});创建dom元素data-* attribute$("a").webuiPopover();创建底部放置$("a").webuiPopover({title:"Title",content:"Content",placement:"bottom"});创建漂亮的鼠标悬停$("a").webuiPopover({title:"Title",content:"Content",trigger:"hover"});创建倒的样式$("a").webuiPopover({title:"Title",content:"Content",style:"inverse"});创建固定宽度和高度$("a").webuiPopover({title:"Title",content:"Content",width:300,height:200});创建带关闭按钮$("a").webuiPopover({title:"Title",content:"Content",closable:true});创建iframe的$("a").webuiPopover({type:"iframe",url:"http://jqueryfuns.com"});默认选项{ placement:"auto",//值: auto,top,right,bottom,left,top-right,top-left,bottom-right,bottom-left width:"auto",//可以设置数字 height:"auto",//可以设置数字 trigger:"click",//值:click,hover style:"",//值:"",inverse delay:300,//延迟时间, 悬浮属性才执行 cache:true,//如果缓存设置为false,将重建 multi:false,//在页面允许其他弹出层 arrow:true,//是否显示箭头 title:"",//标题,如果标题设置为空字符串时,标题栏会自动隐藏 content:"",//内容,内容可以是函数 closeable:false,//显示关闭按钮 padding:true,//内容填充 type:"html",//内容类型, 值:"html","iframe","async" url:""//如果不是空的,插件将通过url加载内容}

1055_96e4083bb7f83fc4455877cc23b834e7.png

dd:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值