评论：Jquery Tools——不可错过的Jquery UI库（四）

来自：p90x sale

p90x sale — Sat, 10 Jul 2010 08:08:10 +0000

I totally love this article. I think you could write some other things to make your blog more complete.For example： ed hardy.vibram five fingers.p90x workout schedule. mbt shoes. hardy caps. vibram fivefingers kso trek. mbt chapa dawn shoes. ghd straightener ugg ugg boots replica louis vuitton handbags edhardyI thought that many people can like.

来自：Jquery Tools——不可错过的Jquery UI库（一） | yybean.com

Jquery Tools——不可错过的Jquery UI库（一） | yybean.com — Tue, 12 Jan 2010 14:43:09 +0000

[...] Jquery Tools——不可错过的Jquery UI库（四）：遮罩效果 [...]

来自：Jquery Tools——不可错过的Jquery UI库（一） - CSS9.NET

Jquery Tools——不可错过的Jquery UI库（一） - CSS9.NET — Mon, 23 Nov 2009 09:55:11 +0000

[...] Jquery Tools——不可错过的Jquery UI库（四）：遮罩效果 [...]

来自：number2

number2 — Wed, 01 Jul 2009 14:58:30 +0000

晕，代码都被过滤了

来自：number2

number2 — Wed, 01 Jul 2009 14:55:04 +0000

test

/* overlay元素*/
div.overlay {

/* overlay背景图 */
background-image:url(http://flowplayer.org/tools/img/overlay/white.png);

/* overlay的最终尺寸，可以由此改变overlay大小 */
width:600px;
height:470px;

/* overlay默认隐藏 */
display:none;

/* 设定内嵌元素padding，获得好的视觉效果 */
padding:55px;
}

/* 关闭按钮样式，放置在右上角 */
div.overlay div.close {
background-image:url(http://flowplayer.org/tools/img/overlay/close.png);
position:absolute;
right:5px;
top:5px;
cursor:pointer;
height:35px;
width:35px;
}

Open overlay
Open overlay

Here is my overlay

Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.

Here is my overlay

Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.

$(function() {
//为页面中所有拥有rel属性的button元素绑定overlay效果
$(”button[rel]“).overlay();
});

我按照你翻译的步骤出不来效果，是不是没有绑定事件，帮我看看

来自：Jquery Tools——不可错过的Jquery UI库（三） - CSS9.NET

Jquery Tools——不可错过的Jquery UI库（三） - CSS9.NET — Sat, 27 Jun 2009 10:03:28 +0000

[...] « Jquery Tools——不可错过的Jquery UI库（二） Jquery Tools——不可错过的Jquery UI库（四） » 2009-6 20 Jquery Tools——不可错过的Jquery UI库（三）发表于: Jquery, [...]

来自：jQuery Tools——不可错过的jQuery UI库（五） - CSS9.NET

jQuery Tools——不可错过的jQuery UI库（五） - CSS9.NET — Wed, 24 Jun 2009 06:04:17 +0000

[...] 接上篇，今天讲解jQuery Tools中另一工具组件——滚动效果（Scrollable）。滚动效果在网页设计中也是经常用到的，例如滚动新闻、幻灯片展示、相册……（发挥想象力吧，用到选项卡的内容切换中是不是会很酷）。 [...]

来自：IIduce

IIduce — Mon, 22 Jun 2009 07:48:42 +0000

IE 7 里面关闭按钮确实失效，偶抽空看一下。

lightbox效果并不稀罕，以前一篇文章也提到过http://css9.net/javascript-lightweight-modal-window/

Jquery Tools里面的overlay效果有几个优势：1.它不是一个单独的（非）模态框解决方案，而是一套Web前端（Jquery Tools）解决方案中的一种，这样就没必要专门为这个小功能加入一个js；2.它这个使用灵活，api丰富；3.它这个样式完全由自己控制。

来自：木鱼猫

木鱼猫 — Mon, 22 Jun 2009 06:44:28 +0000

难道就是传说中的 lightbox效果？

对了，IE7里面遮罩图片上的关闭按钮不管用