郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > javascript > 网页特效 >

基于jQuery弹出层有9种效果

来源:懒人建站 作者: 懒人建站 日期:2010-03-23 人气:
演示六: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页面看效果)

演示九:综合效果演示

本文链接:基于jQuery弹出层有9种效果http://www.51xuediannao.com/js/texiao/jQuery_tanchuceng.html

(责任编辑:懒人建站)

基于jQuery弹出层有9种效果由懒人建站收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 郭彩彩
    2017-01-13 14:49:07发表

    1:1包包ਥ精品原单ਥ一件代发 http://380.118v.net 古驰Ặ巴利ẶDiorẶ蒂芙尼Ặ万国Ặ

  • Jquery特效
    2015-04-09 21:14:23发表

    刚才试了下,可以下载了,下载地址已经修正了 基于jQuery弹出层有9种效果 http://www.51xuediannao.com/js/texiao/jQuery_tanchuceng.html

  • 阿昭
    2015-03-28 15:28:07发表

    下载地址失效了

  • 小五
    2014-11-21 14:52:02发表

    很不错,一定试试