知识 分享 互助 懒人建站

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

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    基于jQuery的弹出层

    作者:佳明妈 来源:懒人建站 2010-01-29 人气:
    一个基于jQuery的弹出提示层效果。弹出层有渐显效果,居中显示。修改facebox.css、facebox.js中的html结构使结构更符合你的要求。

    一个基于jQuery的弹出提示层效果。弹出层有渐显效果,居中显示,代码与内容结构分离。你可以修改样式表facebox.css实现你设计的效果。

    基于jQuery的弹出提示层


    JS代码修改说明:在要加弹出提示层的标签上加上如下类型标签来引用。href="#mydiv" 是要弹出层的 ID ,rel="facebox" 是必须引用的。
    <a href="#mydiv" rel="facebox">基于jQuery的弹出层</a>

    完整的 引用示例如下:
    <a href="#mydiv" rel="facebox">基于jQuery的弹出层</a>
    <div id="mydiv" style="display:none">这里面就是你的弹出层内容</div>

    当然你可以修改facebox.js中的html结构使结构更符合你的要求。

    ↓ 查看全文

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

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

    基于jQuery的弹出层-最新评论

    • 懒人建站网友 2015-03-13 09:37:23
      这不是JQ,而是prototype
    • 11 2015-03-13 09:03:23
      这不是JQ,而是prototype
    • 11 2014-12-30 02:12:11
      乱码
    • 11 2014-12-01 03:12:29
      渣渣