01月

12

Facebox——像facebook那样的友好提示效果

文章分类：jQuery  查看次数：968 + 153

origin link:click here

是什么东东

是基于的跟的提示效果一样的lightbox，可以显示图片，divs或者ajax的内容。使用起来非常简单，看看demo，你就知道有多easy了。

演示

点此查看图片

<a href="http://www.live-my-life-with-yuyi.com/.../4.jpg" rel="" target="_blank">点此查看图片</a>

更多演示可以查看官方页面。

载入顺序

<script src=".js" type="text/javascript"></script>
<link  href="//.css" media="screen" rel="stylesheet"  type="text/css"/>
<script src="//.js"  type="text/javascript"></script>

页面载入后触发

比如让所有带有"rel="的链接都有这个效果

(document).ready(function($) {
  $('a[rel*=]').()
})

高级使用

不依靠链接，直接使用（这点比lightbox好）

.('something cool')

如果想在ajax结束后显示，那么在function里直接调用就行了，这也会显示loading图片

.(function() {
  .get('code.js', function(data)  {
    .('<textarea>' + data +  '</textarea>')
  })
})

下载

文件名：
文件大小：5.95k
文件类型：tar.gz
下载地址：点此下载

相关文章

评论

共4 条评论 to “Facebox——像facebook那样的友好提示效果”

  1. 星 on 2008-01-15 9:45 pm
    Gravatar

    为什么我照做出来的就没有这样效果呢

    text

    text1233

    点击没有反应

    [回复此评论]

  2. lzyy on 2008-01-16 3:27 pm
    Gravatar

    点击查看图片

    没有问题啊，是不是没有加 rel="facebox" ?

    [回复此评论]

发表评论