基于jQuery弹出层有9种效果
作者:佳明妈 来源:懒人建站 2010-03-23 人气:
演示一:默认弹出层,只须传入触发元素、弹出层、关闭按钮的jquery对象或#ID,其中关闭按钮为可选项。
new PopupLayer({trigger:"#ele1",popupBlk:"#blk1",closeBtn:"#close1"});
演示二:参数offsets可设置弹出层位置偏移量,来控制弹出层的位置。
new PopupLayer({trigger:"#ele2",popupBlk:"#blk2",closeBtn:"#close2",offsets:{x:102,y:-41}});
演示三:useFx设置为true即可使用弹出层默认特效
new PopupLayer({trigger:"#ele3",popupBlk:"#blk3",closeBtn:"#close3",useFx:true});
演示四:使用弹出层特效,重载特效函数来完成自定义特效
演示五:在弹出层容器上加上自定义的class
演示六:useOverlay设置为true即可在弹出层后使用遮罩
演示七:eventType为事件触发类型,表示以何种方式触发弹出层
演示八:自定义事件,onBeforeStart在触发弹出前做一些自己想做的事。
这里我做的事是:在dom加载完成后,延迟5秒才能使用弹出层。(提示:可refresh页面看效果)
演示九:综合效果演示
基于jQuery弹出层有9种效果由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
- 上一篇:国家/省/市三级联动JS源码
- 下一篇:鼠标划过搜索框弹出关键词提示层
基于jQuery弹出层有9种效果-最新评论