<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Moondy’s Zone &#187; jquery</title>
	<atom:link href="http://www.moondyzone.com/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.moondyzone.com</link>
	<description>一位IT民工的点点滴滴……  WEB前端、网页重构、AS3</description>
	<lastBuildDate>Mon, 18 Apr 2011 10:06:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://www.moondyzone.com/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>JQuery LightBox Plugin</title>
		<link>http://www.moondyzone.com/js/502.html</link>
		<comments>http://www.moondyzone.com/js/502.html#comments</comments>
		<pubDate>Mon, 13 Jul 2009 07:20:00 +0000</pubDate>
		<dc:creator>Moondy</dc:creator>
				<category><![CDATA[JS/Ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[lightbox]]></category>

		<guid isPermaLink="false">http://www.moondyzone.com/?p=502</guid>
		<description><![CDATA[说到lightbox，做这行的人应该都不陌生，想当年那牛逼哄哄的效果着实让我眼前一亮。不过原版的lightbox是用Prototype框架写的，但本民工只懂得少许的jquery，总不能同一个项目中用两个框架吧，还好牛人们已经做出了基于jquery的lightbox的插件了。其实wordpress里就有很多lightbox的插件，不过这东西可不是只用在博客里，还是整理一个能通用的吧。
jQuery lightBox 0.5,是当前最新的版本了，在这里本民工稍微修改了一下，去掉了点击时的虚线框，以及修改了有关中文的样式。
    
    
    $(function() {
        $('#gallery a').lightBox();
    });
    

	#gallery {padding: 10px;width: 520px;}
	#gallery ul { list-style: none;overflow:hidden; }
	#gallery ul li { display: inline;float:left; }
	#gallery ul img {
		border: 5px solid #F2F2F2;
		border-width: 5px 5px [...]]]></description>
		<wfw:commentRss>http://www.moondyzone.com/js/502.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>全兼容的标准三级菜单</title>
		<link>http://www.moondyzone.com/css/416.html</link>
		<comments>http://www.moondyzone.com/css/416.html#comments</comments>
		<pubDate>Tue, 26 May 2009 02:52:11 +0000</pubDate>
		<dc:creator>Moondy</dc:creator>
				<category><![CDATA[Xhtml/Css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[兼容]]></category>

		<guid isPermaLink="false">http://www.moondyzone.com/?p=416</guid>
		<description><![CDATA[首先，说明一下这不是纯CSS的，如果要用纯CSS实现的话要用到很多[if IE 6]的判断，感觉页面的标签很乱，个人不太喜欢。说到底还是因为这万恶的IE6,基本上问题都是出在这里，本例用的是JS，但也用了一个[if IE 6]的判断，用来在IE6下改变标签的class。虽然是用了JS，但页面结构却清爽得多。
可能有些朋友见过，原本是在一个国外网站上看到的，不过写得有点复杂，我简化了一下，帖上来。


&#60;!DOCTYPE html PUBliC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;三级菜单&#60;/title&#62;
&#60;script type=&#34;text/javascript&#34; src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34;&#62;&#60;/script&#62;
&#60;!--[if IE 6]&#62;
&#60;script type=&#34;text/javascript&#34;&#62;
$(document).ready(function(){
  $(&#34;#navmenu li&#34;).hover(
    function() { $(this).addClass(&#34;iehover&#34;); },
    function() { $(this).removeClass(&#34;iehover&#34;); }
  );
});
&#60;/script&#62;
&#60;![endif]--&#62;
&#60;script type=&#34;text/javascript&#34; src=&#34;js/jquery.js&#34;&#62;
$(document).ready(function() {
  $('.links li code').hide();
  $('.links li p').click(function() {
   [...]]]></description>
		<wfw:commentRss>http://www.moondyzone.com/css/416.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>IE6中select挡住DIV的BUG</title>
		<link>http://www.moondyzone.com/css/312.html</link>
		<comments>http://www.moondyzone.com/css/312.html#comments</comments>
		<pubDate>Mon, 11 May 2009 07:20:34 +0000</pubDate>
		<dc:creator>Moondy</dc:creator>
				<category><![CDATA[Xhtml/Css]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.moondyzone.com/?p=312</guid>
		<description><![CDATA[前阵子碰到一个问题，就是在IE6中select会把浮动的DIV给挡住，通常情况都是用JS控制某个DIV显示隐藏的情况下发生的。这冲时候不管怎么设z-index值都没有用。

我也查了很多资料，说这是IE6的一个BUG（哎，万恶的IE6），解决的办法不外乎两种：1、用DIV模拟一个select出来。2、在隐藏层的底部加一个透明的iframe。第一种感觉花的工夫比较大，暂时就用第二种方法了，我这个原本用的是jquery的框架，这里我就把jquery的帖上来了。在你要调用的JS文件里加上这么一段：

1
2
3
4
5
6
7
8
9
10
11
12
&#40;function&#40;$&#41;&#123;$.fn.bgIframe=$.fn.bgiframe=function&#40;s&#41;&#123;
if&#40;$.browser.msie&#38;amp;&#38;amp;/6.0/.test&#40;navigator.userAgent&#41;&#41;
&#123;s=$.extend&#40;&#123;top:'auto',left:'auto',width:'auto',height:'auto',opacity:true,
src:'javascript:false;'&#125;,s&#124;&#124;&#123;&#125;&#41;;var prop=function&#40;n&#41;&#123;
return n&#38;amp;&#38;amp;n.constructor==Number?n+'px':n;&#125;,html='&#38;lt;
iframe frameborder=&#34;0&#34;tabindex=&#34;-1&#34;src=&#34;'+s.src+'&#34;'+'style=&#34;display:block;
position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;
filter:alpha(opacity=0);-moz-opacity:0;&#34;/&#38;gt;';
return this.each&#40;function&#40;&#41;
&#123;if&#40;$&#40;'&#38;gt; iframe.bgiframe',this&#41;.length==0&#41;
this.insertBefore&#40;document.createElement&#40;html&#41;,this.firstChild&#41;;
&#125;&#41;;&#125;return this;&#125;;&#125;&#41;&#40;jQuery&#41;;

然后在你应用的页面调用

1
2
3
4
5
&#60;script&#62;
  $&#40;document&#41;.ready&#40;function&#40;e&#41;&#123;
   $&#40;'.your_class'&#41;.bgiframe&#40;&#41;;
 &#125;&#41;//其中your_class是被挡住的层的类名。
&#60;/script&#62;

相关文章a:hover在IE6中的BUG全兼容的标准三级菜单IE6中出现重复字符的BUGCSS3测试之——QQ企鹅斜角导航及滑动门的延伸对CSS渲染效率的一些研究]]></description>
		<wfw:commentRss>http://www.moondyzone.com/css/312.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

