当前位置: 懒人建站 > JS代码 > 网页特效 >

基于jQuery弹出层有9种效果

演示六:useOverlay设置为true即可在jQuery弹出层后使用遮罩;演示二:参数offsets可设置jQuery弹出层位置偏移量,来控制弹出层的位置。
分享到:

代码说明:

演示一:默认弹出层,只须传入触发元素、弹出层、关闭按钮的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页面看效果)

演示九:综合效果演示

来源:懒人建站|发布人:懒人建站|2010-03-23|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效