<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>评论：通过javascript实现的轻量级模态框解决方案（支持Ajax）</title>
	<atom:link href="http://css9.net/javascript-lightweight-modal-window/feed/" rel="self" type="application/rss+xml" />
	<link>http://css9.net/javascript-lightweight-modal-window/</link>
	<description>Less is More,Simple is Perfect!</description>
	<lastBuildDate>Thu, 09 Sep 2010 04:03:11 +0800</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>来自：p90x sale</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-1558</link>
		<dc:creator>p90x sale</dc:creator>
		<pubDate>Sat, 10 Jul 2010 07:57:42 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-1558</guid>
		<description>I totally love this article. I think you could write some other things to make your blog more complete.For example：&lt;a href=&quot;http://www.cheap-ed-hardy.com/&quot; rel=&quot;nofollow&quot;&gt; ed hardy&lt;/a&gt;.&lt;a href=&quot;http://www.vibramfivefingerssale.us/&quot; rel=&quot;nofollow&quot;&gt;vibram five fingers&lt;/a&gt;.&lt;a href=&quot;http://www.p90xworkoutdvdset.com/&quot; rel=&quot;nofollow&quot;&gt;p90x workout schedule&lt;/a&gt;.&lt;a href=&quot;http://www.bestmbtshoes.us/&quot; rel=&quot;nofollow&quot;&gt; mbt shoes&lt;/a&gt;.&lt;a href=&quot;http://www.cheap-ed-hardy.com/ed-hardy-caps-c-11&quot; rel=&quot;nofollow&quot;&gt; hardy caps&lt;/a&gt;.&lt;a href=&quot;http://www.vibramfivefingerssale.us/vibram-fivefingers-mens-kso-trek-c-73&quot; rel=&quot;nofollow&quot;&gt; vibram fivefingers kso trek&lt;/a&gt;.&lt;a href=&quot;http://www.bestmbtshoes.us/MBT_Chapa-c-24-b0&quot; rel=&quot;nofollow&quot;&gt; mbt chapa dawn shoes&lt;/a&gt;.
&lt;a href=&quot;http://www.newghdstraightener.com/&quot; rel=&quot;nofollow&quot;&gt;ghd straightener&lt;/a&gt;
&lt;a href=&quot;http://www.cheapu99boots.com/&quot; rel=&quot;nofollow&quot;&gt;ugg&lt;/a&gt; &lt;a href=&quot;http://www.bootsboots.org/&quot; rel=&quot;nofollow&quot;&gt;ugg boots&lt;/a&gt;
&lt;a href=&quot;http://louis-vuitton-replica-handbags.com/&quot; rel=&quot;nofollow&quot;&gt;replica louis vuitton handbags&lt;/a&gt;
&lt;a href=&quot;http://www.ed-hardy-shirts.us/&quot; rel=&quot;nofollow&quot;&gt;edhardy&lt;/a&gt;I thought that many people can like.</description>
		<content:encoded><![CDATA[<p>I totally love this article. I think you could write some other things to make your blog more complete.For example：<a href="http://www.cheap-ed-hardy.com/" rel="nofollow"> ed hardy</a>.<a href="http://www.vibramfivefingerssale.us/" rel="nofollow">vibram five fingers</a>.<a href="http://www.p90xworkoutdvdset.com/" rel="nofollow">p90x workout schedule</a>.<a href="http://www.bestmbtshoes.us/" rel="nofollow"> mbt shoes</a>.<a href="http://www.cheap-ed-hardy.com/ed-hardy-caps-c-11" rel="nofollow"> hardy caps</a>.<a href="http://www.vibramfivefingerssale.us/vibram-fivefingers-mens-kso-trek-c-73" rel="nofollow"> vibram fivefingers kso trek</a>.<a href="http://www.bestmbtshoes.us/MBT_Chapa-c-24-b0" rel="nofollow"> mbt chapa dawn shoes</a>.<br />
<a href="http://www.newghdstraightener.com/" rel="nofollow">ghd straightener</a><br />
<a href="http://www.cheapu99boots.com/" rel="nofollow">ugg</a> <a href="http://www.bootsboots.org/" rel="nofollow">ugg boots</a><br />
<a href="http://louis-vuitton-replica-handbags.com/" rel="nofollow">replica louis vuitton handbags</a><br />
<a href="http://www.ed-hardy-shirts.us/" rel="nofollow">edhardy</a>I thought that many people can like.</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：spring</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-1430</link>
		<dc:creator>spring</dc:creator>
		<pubDate>Fri, 04 Jun 2010 08:36:15 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-1430</guid>
		<description>我数据库里的值已改变，第二次弹出窗口时，为什么没有显示改变的数据而是原来的数据了？</description>
		<content:encoded><![CDATA[<p>我数据库里的值已改变，第二次弹出窗口时，为什么没有显示改变的数据而是原来的数据了？</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：riant</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-1404</link>
		<dc:creator>riant</dc:creator>
		<pubDate>Thu, 20 May 2010 05:46:11 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-1404</guid>
		<description>呵，再次使用这个js ，又逛到这里来了。
对于IE 下遮罩层淡入淡出持续时间长的问题，TINY.box.alpha 我测试了确实无助解决。
另外，呵，弹出层里边的元素，好像不能通过绑定事件诶。比如，弹出层是一个表单，外面写的 验证代码就不起作用，好像只能在元素里边用 onclick 来绑定函数 _——  恩，没学过js ，说的不是很专业。比如：
在一般页面上的链接，可以给链接加一个 class=“tingBox”, 然后，通过 jquery 的选择器，$(&#039;.tinyBox&#039;).click(function(){TINY.box.show($(this).attr(&#039;href&#039;),1,0,0,1); return false;}) 这样来启用tinybox弹出层，——同时也能保证没加载js ，这个链接也能使用。
但是问题是，在弹出层里边，这个click 事件就不起作用了。——当然，实际上我们要做的还不止这些，比如给表单绑定一个AJAX提交，或者 js 验证之类的，难道只能在相应的地方写 onclick....  或者 onblur  ... 吗？ 期待...</description>
		<content:encoded><![CDATA[<p>呵，再次使用这个js ，又逛到这里来了。<br />
对于IE 下遮罩层淡入淡出持续时间长的问题，TINY.box.alpha 我测试了确实无助解决。<br />
另外，呵，弹出层里边的元素，好像不能通过绑定事件诶。比如，弹出层是一个表单，外面写的 验证代码就不起作用，好像只能在元素里边用 onclick 来绑定函数 _——  恩，没学过js ，说的不是很专业。比如：<br />
在一般页面上的链接，可以给链接加一个 class=“tingBox”, 然后，通过 jquery 的选择器，$(&#8217;.tinyBox&#8217;).click(function(){TINY.box.show($(this).attr(&#8217;href&#8217;),1,0,0,1); return false;}) 这样来启用tinybox弹出层，——同时也能保证没加载js ，这个链接也能使用。<br />
但是问题是，在弹出层里边，这个click 事件就不起作用了。——当然，实际上我们要做的还不止这些，比如给表单绑定一个AJAX提交，或者 js 验证之类的，难道只能在相应的地方写 onclick&#8230;.  或者 onblur  &#8230; 吗？ 期待&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：jartion</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-1372</link>
		<dc:creator>jartion</dc:creator>
		<pubDate>Tue, 04 May 2010 16:51:56 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-1372</guid>
		<description>不知道博主还在不在，想问问，IE下，淡出时间太长的问题怎么解决？用以上方法不行。
另外就是如何添加关闭按钮~~</description>
		<content:encoded><![CDATA[<p>不知道博主还在不在，想问问，IE下，淡出时间太长的问题怎么解决？用以上方法不行。<br />
另外就是如何添加关闭按钮~~</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：Tinybox模态框使用扩展一则 &#124; 杜卓的私人博客</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-1254</link>
		<dc:creator>Tinybox模态框使用扩展一则 &#124; 杜卓的私人博客</dc:creator>
		<pubDate>Fri, 12 Feb 2010 18:40:03 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-1254</guid>
		<description>[...] 前不久曾发表过一篇介绍Tinybox的文章《通过javascript实现的轻量级模态框解决方案（支持Ajax）》。今天一位朋友就tinybox的使用提出一个问题：如果在侧边栏有很多图片的缩略图，如何能一次性的给它们添加tinybox模态框效果。这样的应用是非常实际的，下面我就这个问题说一下解决方案。 [...]</description>
		<content:encoded><![CDATA[<p>[...] 前不久曾发表过一篇介绍Tinybox的文章《通过javascript实现的轻量级模态框解决方案（支持Ajax）》。今天一位朋友就tinybox的使用提出一个问题：如果在侧边栏有很多图片的缩略图，如何能一次性的给它们添加tinybox模态框效果。这样的应用是非常实际的，下面我就这个问题说一下解决方案。 [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：IIduce</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-1232</link>
		<dc:creator>IIduce</dc:creator>
		<pubDate>Sat, 06 Feb 2010 04:47:16 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-1232</guid>
		<description>你用的是什么浏览器？ 我这边 火狐 和ie 7 ie8下没有明显的抖动。

可以参考一下上面jyang的留言</description>
		<content:encoded><![CDATA[<p>你用的是什么浏览器？ 我这边 火狐 和ie 7 ie8下没有明显的抖动。</p>
<p>可以参考一下上面jyang的留言</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：useful</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-1227</link>
		<dc:creator>useful</dc:creator>
		<pubDate>Fri, 05 Feb 2010 07:00:00 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-1227</guid>
		<description>同样是tinybox在ajax或者加载图片loading的时候，会抖动，不知道该怎么解决.</description>
		<content:encoded><![CDATA[<p>同样是tinybox在ajax或者加载图片loading的时候，会抖动，不知道该怎么解决.</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：harry</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-855</link>
		<dc:creator>harry</dc:creator>
		<pubDate>Thu, 05 Nov 2009 07:58:19 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-855</guid>
		<description>它的淡入淡出效果感觉特别生硬，我想请问版主就是，应该更改哪块代码除去淡入淡出效果，或者使其更流畅点
还有就是如何改变蒙版的深浅，我觉得它的蒙版颜色太深 想弄浅点。</description>
		<content:encoded><![CDATA[<p>它的淡入淡出效果感觉特别生硬，我想请问版主就是，应该更改哪块代码除去淡入淡出效果，或者使其更流畅点<br />
还有就是如何改变蒙版的深浅，我觉得它的蒙版颜色太深 想弄浅点。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：jyang</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-817</link>
		<dc:creator>jyang</dc:creator>
		<pubDate>Mon, 28 Sep 2009 09:53:14 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-817</guid>
		<description>有一个问题和版主讨论下~
tinybox在loading时 gif动画图片会抖动~~我看了下
twsize(e,w,wo,wd,h,ho,hd,s) 如果去掉s效果会好些~~
只有IE下有抖动的问题~~

不知道版主有没有什么高见？</description>
		<content:encoded><![CDATA[<p>有一个问题和版主讨论下~<br />
tinybox在loading时 gif动画图片会抖动~~我看了下<br />
twsize(e,w,wo,wd,h,ho,hd,s) 如果去掉s效果会好些~~<br />
只有IE下有抖动的问题~~</p>
<p>不知道版主有没有什么高见？</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：IIduce</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-740</link>
		<dc:creator>IIduce</dc:creator>
		<pubDate>Mon, 03 Aug 2009 12:45:11 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-740</guid>
		<description>:) 不客气。</description>
		<content:encoded><![CDATA[<p> <img src='http://css9.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  不客气。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：SevenMaxy</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-739</link>
		<dc:creator>SevenMaxy</dc:creator>
		<pubDate>Mon, 03 Aug 2009 08:21:48 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-739</guid>
		<description>嗯，解决了
非常感谢您的帮忙哈 :)</description>
		<content:encoded><![CDATA[<p>嗯，解决了<br />
非常感谢您的帮忙哈 <img src='http://css9.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：IIduce</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-738</link>
		<dc:creator>IIduce</dc:creator>
		<pubDate>Mon, 03 Aug 2009 07:03:45 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-738</guid>
		<description>你可以尝试把用到的所有文件都改成utf-8编码。
并在&lt;head&gt;里面添加&lt;meta http-equiv=\&quot;Content-Type\&quot; content=\&quot;text/html; charset=UTF-8\&quot; /&gt;</description>
		<content:encoded><![CDATA[<p>你可以尝试把用到的所有文件都改成utf-8编码。<br />
并在<head>里面添加<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /></head></p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：SevenMaxy</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-737</link>
		<dc:creator>SevenMaxy</dc:creator>
		<pubDate>Mon, 03 Aug 2009 06:35:31 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-737</guid>
		<description>嗯，这个偶知道了，但是advanced.html里可以支持显示中文，而到了模态框里就不能正常显示中文哈。
这个文件解码问题是哪个部分出错呢？是与模态框的设置有光，还是index.html有关，或者是advanced.html有关呢？该如何修改呢？</description>
		<content:encoded><![CDATA[<p>嗯，这个偶知道了，但是advanced.html里可以支持显示中文，而到了模态框里就不能正常显示中文哈。<br />
这个文件解码问题是哪个部分出错呢？是与模态框的设置有光，还是index.html有关，或者是advanced.html有关呢？该如何修改呢？</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：IIduce</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-736</link>
		<dc:creator>IIduce</dc:creator>
		<pubDate>Mon, 03 Aug 2009 06:11:22 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-736</guid>
		<description>advanced.html中的html 是你要弹出模态框里面的html片段，不必是完整的html网页。

也就是你想在模态框里显示什么，就直接写什么。</description>
		<content:encoded><![CDATA[<p>advanced.html中的html 是你要弹出模态框里面的html片段，不必是完整的html网页。</p>
<p>也就是你想在模态框里显示什么，就直接写什么。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：SevenMaxy</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-735</link>
		<dc:creator>SevenMaxy</dc:creator>
		<pubDate>Mon, 03 Aug 2009 05:30:56 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-735</guid>
		<description>可是advanced.html不是标准的html哈，里面只有两段哈。这样怎么改呢？要自己添加吗？那如何添加呢？
然后，我自己创建了两个新的advanced.html（使用记事本和Dreamweaver创建的），但结果还是不行哈 = =</description>
		<content:encoded><![CDATA[<p>可是advanced.html不是标准的html哈，里面只有两段哈。这样怎么改呢？要自己添加吗？那如何添加呢？<br />
然后，我自己创建了两个新的advanced.html（使用记事本和Dreamweaver创建的），但结果还是不行哈 = =</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：IIduce</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-734</link>
		<dc:creator>IIduce</dc:creator>
		<pubDate>Sun, 02 Aug 2009 21:43:45 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-734</guid>
		<description>文件编码的问题，将advanced.html文件字符编码更改为utf-8即可</description>
		<content:encoded><![CDATA[<p>文件编码的问题，将advanced.html文件字符编码更改为utf-8即可</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：SevenMaxy</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-733</link>
		<dc:creator>SevenMaxy</dc:creator>
		<pubDate>Sun, 02 Aug 2009 20:07:39 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-733</guid>
		<description>好像不支持中文啊 = =
我直接在 advanced.html 里添加中文，结果打开后显示为方块 = =
有没有可以解决的方法么？</description>
		<content:encoded><![CDATA[<p>好像不支持中文啊 = =<br />
我直接在 advanced.html 里添加中文，结果打开后显示为方块 = =<br />
有没有可以解决的方法么？</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：IIduce</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-692</link>
		<dc:creator>IIduce</dc:creator>
		<pubDate>Thu, 23 Jul 2009 05:23:36 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-692</guid>
		<description>你说的这两个设置，tinybox没有提供参数接口。我看了一下代码，可以通过更改tinybox.js，解决你说的问题。

第一个淡入淡出时间效果太长：tinybox.js是通过TINY.box.alpha(e,d,a,s)方法实现淡入淡出的，其中第四个参数控制淡入淡出时间。搜索tinybox.js中“TINY.box.alpha”，将第四个参数适当调小即可。

第二个点击遮罩层不关闭的方法：tinybox.js第14行“m.onclick=TINY.box.hide;” 这句实现的是点击遮罩层关闭，删除这句即可。</description>
		<content:encoded><![CDATA[<p>你说的这两个设置，tinybox没有提供参数接口。我看了一下代码，可以通过更改tinybox.js，解决你说的问题。</p>
<p>第一个淡入淡出时间效果太长：tinybox.js是通过TINY.box.alpha(e,d,a,s)方法实现淡入淡出的，其中第四个参数控制淡入淡出时间。搜索tinybox.js中“TINY.box.alpha”，将第四个参数适当调小即可。</p>
<p>第二个点击遮罩层不关闭的方法：tinybox.js第14行“m.onclick=TINY.box.hide;” 这句实现的是点击遮罩层关闭，删除这句即可。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：riant</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-691</link>
		<dc:creator>riant</dc:creator>
		<pubDate>Thu, 23 Jul 2009 01:46:11 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-691</guid>
		<description>正在使用这个js效果，发现在IE7下淡出效果持续太长时间了，可以设置吗？另外，我需要弹出一个表单，可是如果用户一不小心点击了外边，弹出层就会关闭，于是辛苦填写表单岂不是白搭，所以，有什么方法可以让他只有点击“关闭”才关闭的方法吗？谢谢。</description>
		<content:encoded><![CDATA[<p>正在使用这个js效果，发现在IE7下淡出效果持续太长时间了，可以设置吗？另外，我需要弹出一个表单，可是如果用户一不小心点击了外边，弹出层就会关闭，于是辛苦填写表单岂不是白搭，所以，有什么方法可以让他只有点击“关闭”才关闭的方法吗？谢谢。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：IIduce</title>
		<link>http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-672</link>
		<dc:creator>IIduce</dc:creator>
		<pubDate>Fri, 10 Jul 2009 04:41:33 +0000</pubDate>
		<guid isPermaLink="false">http://css9.net/?p=373#comment-672</guid>
		<description>嗯 改成0可以看到页面内容的。前面评论提到过一次http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-621</description>
		<content:encoded><![CDATA[<p>嗯 改成0可以看到页面内容的。前面评论提到过一次http://css9.net/javascript-lightweight-modal-window/comment-page-1/#comment-621</p>
]]></content:encoded>
	</item>
</channel>
</rss>
