漂亮 实用 简单 的Jquery弹出框

2009 六月 14
by epandada

这是Jquery系列的文章,每篇会写一个Jquery相关的插件或者技巧介绍。

随着JS技术的成熟,现在基于单网页的弹出框无论是形式还是效果都越来越接近桌面软件了。这里介绍一种漂亮 实用 简单 的Jquery弹出框

简单的教程如下:

  1. 引入jqueryTools的js
  2. 设置trigger和simple_overlay的css
  3. 做一个trigger的div和一个overlay的div
  4. 注意trigger中需要被点击的元素的rel和overlay的id要对应
  5. 用$(document).ready(function() { $(”#btn_overlay”).overlay(); });激活

整个过程是通过Jquery语法来实现的,非常平滑稳定,合理的利用了CSS使得效果尤其出色。

这是个例子

看上去很不错的样子吧:)


查看完整代码示例

2 Responses leave one →
  1. 2009 十二月 18
    nidaye permalink

    复制别人的文章过来,真不要脸!!!!!

  2. 2009 十二月 18
    潘大大 permalink

    这篇文章是我原创的,怎么可能是复制的?

Leave a Reply

Note: You can use basic XHTML in your comments. Your email address will never be published.

Subscribe to this comment feed via RSS