<?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>╭╰Original　Colors╯╮ - 认真工作 &#187; ┨Java Script</title>
	<atom:link href="http://www.iros.me/category/noooooooo-ie6/java-script/feed" rel="self" type="application/rss+xml" />
	<link>http://www.iros.me</link>
	<description>show the colorsssssss in my WORK</description>
	<lastBuildDate>Fri, 09 Sep 2011 06:29:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>来体验一下Chrome Experiments，玩玩JS效果吧~</title>
		<link>http://www.iros.me/chrome-experiments-javascript.html</link>
		<comments>http://www.iros.me/chrome-experiments-javascript.html#comments</comments>
		<pubDate>Thu, 19 Mar 2009 06:06:34 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Java Script]]></category>
		<category><![CDATA[┨Woooonderful]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=400</guid>
		<description><![CDATA[Google的Chrome装是装了，偶尔测试页面的时候开开，就是没习惯去用罢了，传说中的对JS超高的执行效率也没去体验过，早上豆腐男给我个链接，这下可好好的玩了一把~~    页面单击、双击、球体拖动、浏览器窗口拖动，自己去 体验 一下吧~~ FF下也是可以的，但是IE下有问题，当然，最好是在Chrome下玩啦~~ 以前看到过类似的FLASH效果网站，大大感叹了一番，现在JS也完全OK了哇，再次感叹~~ 有兴趣的到 www.chromeexperiments.com 查看更多吧~~ 标签：Chrome, Javascript, 浏览器<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fnew-wordpress-website-mareen.html&from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Finhabit-javascript-ordered-pics-show.html&from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">inhabit.coptix.com 学习JS图片按指定顺序载入显示</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html&from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Snowstorm 圣诞节快到了，给BLOG加点雪花效果吧~</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>Google的Chrome装是装了，偶尔测试页面的时候开开，就是没习惯去用罢了，传说中的对JS超高的执行效率也没去体验过，早上豆腐男给我个链接，这下可好好的玩了一把~~</p>
Warning: video ID not specified!
<p><span id="more-400" ></span>  <br/>
<img class="alignnone"  title="chrome"  src="http://www.chromeexperiments.com/detail/ball-pool/img/ahBjaHJvbWV4cGVyaW1lbnRzchULEg9FeHBlcmltZW50SW1hZ2UYBgw/large"  alt=""  width="400"  height="300" /></p>
<p><img class="alignnone"  title="chrome"  src="http://www.chromeexperiments.com/detail/ball-pool/img/ahBjaHJvbWV4cGVyaW1lbnRzchULEg9FeHBlcmltZW50SW1hZ2UYBww/large"  alt=""  width="400"  height="300" /></p>
<p>页面单击、双击、球体拖动、浏览器窗口拖动，自己去 <a  href="http://www.chromeexperiments.com/hosted/ballpool/index.html" target="_blank">体验</a> 一下吧~~ FF下也是可以的，但是IE下有问题，当然，最好是在Chrome下玩啦~~</p>
<p>以前看到过类似的FLASH效果网站，大大感叹了一番，现在JS也完全OK了哇，再次感叹~~</p>
<blockquote><p>有兴趣的到 <a  href="http://www.chromeexperiments.com/">www.chromeexperiments.com</a> 查看更多吧~~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fnew-wordpress-website-mareen.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Finhabit-javascript-ordered-pics-show.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >inhabit.coptix.com 学习JS图片按指定顺序载入显示</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Snowstorm 圣诞节快到了，给BLOG加点雪花效果吧~</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/chrome" title="Chrome" rel="tag">Chrome</a>, <a href="http://www.iros.me/tag/javascript" title="Javascript" rel="tag">Javascript</a>, <a href="http://www.iros.me/tag/%e6%b5%8f%e8%a7%88%e5%99%a8" title="浏览器" rel="tag">浏览器</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/chrome-experiments-javascript.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Snowstorm 圣诞节快到了，给BLOG加点雪花效果吧~</title>
		<link>http://www.iros.me/snowstorm-javascript-effect.html</link>
		<comments>http://www.iros.me/snowstorm-javascript-effect.html#comments</comments>
		<pubDate>Thu, 18 Dec 2008 06:42:12 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Java Script]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[snow]]></category>
		<category><![CDATA[Snowstorm]]></category>
		<category><![CDATA[圣诞节]]></category>
		<category><![CDATA[雪]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=335</guid>
		<description><![CDATA[刚刚才看到的，庆祝圣诞啊，应景一下，胡乱生活 那边我已经死猪不怕烫滴加上了~~ 刚好那边暗色背景效果好看点~~ 老妈很早就跟我说家里那边下大学了呢~~杭州的话今年不知道有没有雪哇，不要像去年一样赌我车回家就好了~~ 说回来，还是人家老外有想法哇，雪花飘飘这个人家03年就做出来了，现在这个是第6版本！~ 不但有雪花飘，顶上还有彩灯闪，鼠标移上去还会破掉，还有声音的！~~浏览器底部还会积雪的哟~~  呵呵，我本来也想自己倒腾下，把雪花图片换成圣诞老人啊驯鹿啊礼物盒啊棒棒糖啊什么的往下落，结果，虽然JS可定制度还是满高的，不过，图片大小是统一变化的，没办法大幅调整，要不然雪花也得变成100X100的一片，于是我只好放弃，让我的圣诞老人头变成5X5的大小，特此提醒眼神好的注意看下，怎么说我也努力试过了捏~~ 我这里下的是小雪，貌似可以自行设置成中大暴雪都OK的，嘛，只要有资源够吃哈~~ 当发现IE6下也效果OK的时候，我流泪了 撒，我讲了这么多，有兴趣的 这边 走，自己动手去吧 ~~ 标签：Javascript, snow, Snowstorm, 圣诞节, 雪<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="来体验一下Chrome Experiments，玩玩JS效果吧~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html&from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586944.png" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">来体验一下Chrome Experiments，玩玩JS效果吧~</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="苹果的2008新圣诞广告，3D小人动画版，MAC v.s. PC！ 我喜欢可爱的PC大叔啊~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fapple-new-2008-christmas-ads.html&from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587542.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">苹果的2008新圣诞广告，3D小人动画版，MAC v.s. PC！ 我喜欢可爱的PC大叔啊~~</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="inhabit.coptix.com 学习JS图片按指定顺序载入显示" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Finhabit-javascript-ordered-pics-show.html&from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">inhabit.coptix.com 学习JS图片按指定顺序载入显示</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html&from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>刚刚才看到的，庆祝圣诞啊，应景一下，<a  href="http://www.originalcolors.cn/life" target="_blank">胡乱生活</a> 那边我已经死猪不怕烫滴加上了~~ 刚好那边暗色背景效果好看点~~</p>
<p>老妈很早就跟我说家里那边下大学了呢~~杭州的话今年不知道有没有雪哇，不要像去年一样赌我车回家就好了~~</p>
<p>说回来，还是人家老外有想法哇，雪花飘飘这个人家03年就做出来了，现在这个是第6版本！~ 不但有雪花飘，顶上还有彩灯闪，鼠标移上去还会破掉，还有声音的！~~浏览器底部还会积雪的哟~~  呵呵，我本来也想自己倒腾下，把雪花图片换成圣诞老人啊驯鹿啊礼物盒啊棒棒糖啊什么的往下落，结果，虽然JS可定制度还是满高的，不过，图片大小是统一变化的，没办法大幅调整，要不然雪花也得变成100X100的一片，于是我只好放弃，让我的圣诞老人头变成5X5的大小，特此提醒眼神好的注意看下，怎么说我也努力试过了捏~~</p>
<p><span id="more-335" ></span></p>
<p>我这里下的是小雪，貌似可以自行设置成中大暴雪都OK的，嘛，只要有资源够吃哈~~ 当发现IE6下也效果OK的时候，我流泪了</p>
<blockquote><p>撒，我讲了这么多，有兴趣的 <a  href="http://www.schillmania.com/projects/snowstorm/" target="_blank">这边</a> 走，自己动手去吧 ~~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="来体验一下Chrome Experiments，玩玩JS效果吧~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fchrome-experiments-javascript.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586944.png"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >来体验一下Chrome Experiments，玩玩JS效果吧~</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="苹果的2008新圣诞广告，3D小人动画版，MAC v.s. PC！ 我喜欢可爱的PC大叔啊~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fapple-new-2008-christmas-ads.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587542.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >苹果的2008新圣诞广告，3D小人动画版，MAC v.s. PC！ 我喜欢可爱的PC大叔啊~~</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="inhabit.coptix.com 学习JS图片按指定顺序载入显示" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Finhabit-javascript-ordered-pics-show.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >inhabit.coptix.com 学习JS图片按指定顺序载入显示</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsnowstorm-javascript-effect.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/javascript" title="Javascript" rel="tag">Javascript</a>, <a href="http://www.iros.me/tag/snow" title="snow" rel="tag">snow</a>, <a href="http://www.iros.me/tag/snowstorm" title="Snowstorm" rel="tag">Snowstorm</a>, <a href="http://www.iros.me/tag/%e5%9c%a3%e8%af%9e%e8%8a%82" title="圣诞节" rel="tag">圣诞节</a>, <a href="http://www.iros.me/tag/%e9%9b%aa" title="雪" rel="tag">雪</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/snowstorm-javascript-effect.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>LIGHT BOX效果JS大集合（Jquery相关）</title>
		<link>http://www.iros.me/light-box-effect-js-collection-jquery-related.html</link>
		<comments>http://www.iros.me/light-box-effect-js-collection-jquery-related.html#comments</comments>
		<pubDate>Thu, 13 Nov 2008 06:23:54 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Java Script]]></category>
		<category><![CDATA[┨Noooooooo IE6]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[lightbox]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=176</guid>
		<description><![CDATA[想着该给小B搞个LIGHT BOX了哇，虽然现在有在用 HighSlide ，不过我只安装了图片展示的功能，而且，设置的时候要写好大一串东西，很累哇，不过，暂时不打算放弃掉，因为可以同时放大打开N张图片，还可以随意拖动，过大图片可按窗口大小缩放，这些都是我中意的地方，今次想找个可以显示其他东东的，嘛，一起看看吧~~ 1. Shadowbox 无比强大，什么都能放进去了已经，我想试试这个哩，不过，我JS装很多了已经，怕就怕强大的东西来了会冲突哇&#124;&#124;&#124; 2. LightWindow v2.0 同样的无比强大，啥都能塞，而且设置也很方便，我打算试下这个~ （我错了，这个是用prototype滴&#124;&#124;&#124;） 3. FancyBox 这个我介绍过了，看 这里 ，第一个就是~ 4. prettyPhoto 很喜欢这种圆呼呼的样式，不仅图片，还可以显示FLASH 5. nyroModal 很干净，可显示图片以及一些form、iframe、Ajax内容，居然还有个不带关闭按钮的，点了以后只能重刷页面&#124;&#124;&#124; 退出时的效果是边框回缩，这点稍微不一样，喜欢 6. FaceBox 图片、DIV、Ajax内容都可以显示，半透明圆角边框看起来很精致，IE6下要小心的设置好PNG透明效果才行哇~ 7. ClearBox 适用于图片和HTML页面，细节做得很棒，底部描述文字过长是滚动效果的，有单独的图片下载按钮，图片集查看时更是在底部可显示同组图片的缩略，8过，同样需小心IE6下的PNG透明问题，按钮那里 本来我选的时候是只想找Jquery应用的，结果被强大的功能迷晕了&#124;&#124;&#124; 标签：collection, Jquery, lightbox<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html&from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Sortable Table 可排序表格JS收集</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fbest-jquery-plugins-of-2010.html&from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Best jQuery Plugins of 2010</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fjquery-selectors.html&from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">[转载] jQuery Selectors 选择器的使用</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fjquery-methods.html&from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">jQuery 常用方法一览</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>想着该给小B搞个LIGHT BOX了哇，虽然现在有在用 <a  href="http://highslide.com/#examples" target="_blank">HighSlide</a> ，不过我只安装了图片展示的功能，而且，设置的时候要写好大一串东西，很累哇，不过，暂时不打算放弃掉，因为可以同时放大打开N张图片，还可以随意拖动，过大图片可按窗口大小缩放，这些都是我中意的地方，今次想找个可以显示其他东东的，嘛，一起看看吧~~</p>
<p>1. <a  href="http://mjijackson.com/shadowbox/" target="_blank">Shadowbox</a> 无比强大，什么都能放进去了已经，我想试试这个哩，不过，我JS装很多了已经，怕就怕强大的东西来了会冲突哇|||</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRvKecm-2bI%2FAAAAAAAAAmQ%2FOuil0VKAKYc%2F4.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRvKecm-2bI%2FAAAAAAAAAmQ%2FOuil0VKAKYc%2F4.jpg?imgmax=800"  alt="image" /></a></p>
<p><span id="more-176" ></span>2. <a  href="http://stickmanlabs.com/lightwindow/" target="_blank">LightWindow v2.0</a> 同样的无比强大，啥都能塞，而且设置也很方便，<span style="text-decoration: line-through;" >我打算试下这个~</span> （我错了，这个是用prototype滴|||）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRvHZiKWL1I%2FAAAAAAAAAlw%2FDwvX0wY39kU%2F1.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRvHZiKWL1I%2FAAAAAAAAAlw%2FDwvX0wY39kU%2F1.jpg?imgmax=800"  alt="image" /></a></p>
<p>3. <a  href="http://fancy.klade.lv/" target="_blank">FancyBox</a> 这个我介绍过了，看 <a  href="http://www.originalcolors.cn/work/wonderful-java-script-collection.html" target="_blank">这里</a> ，第一个就是~</p>
<p>4. <a  href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" target="_blank">prettyPhoto</a> 很喜欢这种圆呼呼的样式，不仅图片，还可以显示FLASH</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRvKdpRHISI%2FAAAAAAAAAl4%2FsZeG81uJANY%2F2.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRvKdpRHISI%2FAAAAAAAAAl4%2FsZeG81uJANY%2F2.jpg?imgmax=800"  alt="image" /></a></p>
<p>5. <a  href="http://nyromodal.nyrodev.com/" target="_blank">nyroModal</a> 很干净，可显示图片以及一些form、iframe、Ajax内容，居然还有个不带关闭按钮的，点了以后只能重刷页面||| 退出时的效果是边框回缩，这点稍微不一样，喜欢</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRvKd3D6-BI%2FAAAAAAAAAmA%2FYXszAtfFDTc%2F3.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRvKd3D6-BI%2FAAAAAAAAAmA%2FYXszAtfFDTc%2F3.jpg?imgmax=800"  alt="image" /></a></p>
<p>6. <a  href="http://famspam.com/facebox" target="_blank">FaceBox</a> 图片、DIV、Ajax内容都可以显示，半透明圆角边框看起来很精致，IE6下要小心的设置好PNG透明效果才行哇~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRvKefR6xmI%2FAAAAAAAAAmI%2F2Qea9iv7-P8%2F5.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRvKefR6xmI%2FAAAAAAAAAmI%2F2Qea9iv7-P8%2F5.jpg?imgmax=800"  alt="image" /></a></p>
<p>7. <a  href="http://www.clearbox.hu/" target="_blank">ClearBox</a> 适用于图片和HTML页面，细节做得很棒，底部描述文字过长是滚动效果的，有单独的图片下载按钮，图片集查看时更是在底部可显示同组图片的缩略，8过，同样需小心IE6下的PNG透明问题，按钮那里</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRvS3wv5RSI%2FAAAAAAAAAmg%2FrlylyKxJU6g%2F7.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRvS3wv5RSI%2FAAAAAAAAAmg%2FrlylyKxJU6g%2F7.jpg?imgmax=800"  alt="image" /></a></p>
<p>本来我选的时候是只想找Jquery应用的，结果被强大的功能迷晕了|||</p>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html&#038;from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Sortable Table 可排序表格JS收集</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fbest-jquery-plugins-of-2010.html&#038;from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Best jQuery Plugins of 2010</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fjquery-selectors.html&#038;from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >[转载] jQuery Selectors 选择器的使用</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fjquery-methods.html&#038;from=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >jQuery 常用方法一览</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/collection" title="collection" rel="tag">collection</a>, <a href="http://www.iros.me/tag/jquery" title="Jquery" rel="tag">Jquery</a>, <a href="http://www.iros.me/tag/lightbox" title="lightbox" rel="tag">lightbox</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/light-box-effect-js-collection-jquery-related.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sortable Table 可排序表格JS收集</title>
		<link>http://www.iros.me/sortable-table-js-collection.html</link>
		<comments>http://www.iros.me/sortable-table-js-collection.html#comments</comments>
		<pubDate>Wed, 12 Nov 2008 05:11:17 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Java Script]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Sortable Table]]></category>
		<category><![CDATA[排序]]></category>
		<category><![CDATA[收集]]></category>
		<category><![CDATA[表格]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=166</guid>
		<description><![CDATA[最近在整理我的抓马列表，几千条排进表格里给人看，不能排序查找的话比较头痛，于是就去找了找，JS还真是什么都能做哇~~整理一下~~ 1. sortabe.js 最简单的，我现在试用的就是这个，加载JS后给TABLE加上class=&#8221;sortable&#8221;就OK了，点击&#60;th&#62;相应栏目就可以排序~~ 2. DrasticGrid AJAX应用，与MySQL结合可以实现分页、排序、编辑以及增删功能，太强大了，图里可以看到滚动条的分页效果 3. Ingrid 这个是Jquery的应用，样子我最喜欢的了，而且列宽可以拖动调节，分页及排序都有LOADING效果的 4. Tablesorter 同样是Jquery应用，样子不错，还可以设置初始排序条件 5. TableSorter Jquery应用，可以在JS调用里做出各种样式设置，作者写的很具体 6. Table Sorting Jquery应用，可以对N个TBODY分别排序，可分页，可根据条件筛选显示内容，数据量大时，比其他相同应用速度要快，这个是作者说滴，还给了个500行的例子 7. TableSort (revisited) 功能好~强大，作者的说明页面好~长，请细心查看~ ============================== 2009.11.18 新增 8. TinyTable V3 体积小，功能全~ 还有IE6兼容，呵呵，好物~~ 2010.01.07 新增 9. jTPS 翻页是滚动效果的，速度挺快，IE6也OK~ 表格排序有好多好多方法啊，MOO啊PROTO啊YUI啊一堆一堆的，不过我暂时还只能看看Jquery相关，已经眼花了都。。。 虽然现在试用第一种，不过还是第三个最中意，说不定换换玩~~ 标签：collection, Jquery, Sortable Table, 排序, 收集, 表格<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html&from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">LIGHT BOX效果JS大集合（Jquery相关）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-java-script-collection.html&from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">JAVA Script 效果收集</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-themes-collection.html&from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Wordpress 主题收集（2008.12.15更新）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fflash-xml-gallery-collection.html&from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">FLASH+XML 相册程序收集</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>最近在整理我的抓马列表，几千条排进表格里给人看，不能排序查找的话比较头痛，于是就去找了找，JS还真是什么都能做哇~~整理一下~~</p>
<p>1. <a  href="http://woork.blogspot.com/2008/02/sort-table-rows-using-ajax.html" target="_blank">sortabe.js</a> 最简单的，我现在试用的就是这个，加载JS后给TABLE加上class=&#8221;sortable&#8221;就OK了，点击&lt;th&gt;相应栏目就可以排序~~</p>
<p><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRpS9lUyZMI%2FAAAAAAAAAkY%2FiOtj7KjCTc0%2Fsort1.jpg?imgmax=800"  alt="sort1.jpg" /></p>
<p><span id="more-166" ></span>2. <a  href="http://www.drasticdata.nl/DDDrasticGrid.php" target="_blank">DrasticGrid</a> AJAX应用，与MySQL结合可以实现分页、排序、编辑以及增删功能，太强大了，图里可以看到滚动条的分页效果</p>
<p><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRpS9xRsVII%2FAAAAAAAAAkg%2FfFvCTOLWLpk%2Fsort2.jpg?imgmax=800"  alt="sort2.jpg" /></p>
<p>3. <a  href="http://www.reconstrukt.com/ingrid/index.html" target="_blank">Ingrid</a> 这个是Jquery的应用，样子我最喜欢的了，而且列宽可以拖动调节，分页及排序都有LOADING效果的<img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRpS92gPNXI%2FAAAAAAAAAko%2F4akYF84B_Ik%2Fsort3.jpg?imgmax=800"  alt="sort3.jpg" /></p>
<p>4. <a  href="http://tablesorter.com/docs/" target="_blank">Tablesorter</a> 同样是Jquery应用，样子不错，还可以设置初始排序条件<img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRpT0mW3GDI%2FAAAAAAAAAlA%2F1sJnHckU-1Q%2Fsort6.jpg?imgmax=800"  alt="sort6.jpg" /></p>
<p>5. <a  href="http://motherrussia.polyester.se/docs/tablesorter/" target="_blank">TableSorter</a> Jquery应用，可以在JS调用里做出各种样式设置，作者写的很具体<img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRpS-sIhcEI%2FAAAAAAAAAk4%2FH03RNMCP7HI%2Fsort5.jpg?imgmax=800"  alt="sort5.jpg" /></p>
<p>6. <a  href="http://www.javascripttoolbox.com/lib/table/examples.php" target="_blank">Table Sorting</a> Jquery应用，可以对N个TBODY分别排序，可分页，可根据条件筛选显示内容，数据量大时，比其他相同应用速度要快，这个是作者说滴，还给了个500行的例子<img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRpS-dpSaYI%2FAAAAAAAAAkw%2FQfv63_mnJC8%2Fsort4.jpg?imgmax=800"  alt="sort4.jpg" /></p>
<p>7. <a  href="http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited/" target="_blank">TableSort (revisited)</a> 功能好~强大，作者的说明页面好~长，请细心查看~<img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRpT0_SV8NI%2FAAAAAAAAAlI%2FFOSVSl7Ye38%2Fsort7.jpg?imgmax=800"  alt="sort7.jpg" /></p>
<p>==============================</p>
<p><strong>2009.11.18 新增</strong></p>
<p>8. <a  href="http://www.leigeber.com/2009/11/advanced-javascript-table-sorter/" target="_blank">TinyTable V3</a> 体积小，功能全~ 还有IE6兼容，呵呵，好物~~</p>
<p><img src="http://www.leigeber.com/wp-content/uploads/2009/11/tinytablev3.jpg"  alt="" /></p>
<p><strong>2010.01.07 新增</strong></p>
<p>9. <a  href="http://www.overset.com/2008/08/30/animated-sortable-data-table-jquery-plugin--jtps/" target="_blank">jTPS</a> 翻页是滚动效果的，速度挺快，IE6也OK~<a  href="http://www.overset.com/2008/08/30/animated-sortable-data-table-jquery-plugin--jtps/" target="_blank"><br/>
</a></p>
<p><img src="http://ajaxian.com/wp-content/uploads/jtps.png"  alt="" /></p>
<p>表格排序有好多好多方法啊，MOO啊PROTO啊YUI啊一堆一堆的，不过我暂时还只能看看Jquery相关，已经眼花了都。。。<br/>
虽然现在试用第一种，不过还是第三个最中意，说不定换换玩~~</p>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >LIGHT BOX效果JS大集合（Jquery相关）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-java-script-collection.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >JAVA Script 效果收集</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-themes-collection.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >WordPress 主题收集（2008.12.15更新）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fflash-xml-gallery-collection.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsortable-table-js-collection.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >FLASH+XML 相册程序收集</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/collection" title="collection" rel="tag">collection</a>, <a href="http://www.iros.me/tag/jquery" title="Jquery" rel="tag">Jquery</a>, <a href="http://www.iros.me/tag/sortable-table" title="Sortable Table" rel="tag">Sortable Table</a>, <a href="http://www.iros.me/tag/%e6%8e%92%e5%ba%8f" title="排序" rel="tag">排序</a>, <a href="http://www.iros.me/tag/%e6%94%b6%e9%9b%86" title="收集" rel="tag">收集</a>, <a href="http://www.iros.me/tag/%e8%a1%a8%e6%a0%bc" title="表格" rel="tag">表格</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/sortable-table-js-collection.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了</title>
		<link>http://www.iros.me/dean-edwards-ie7-library-no-ie6-hack.html</link>
		<comments>http://www.iros.me/dean-edwards-ie7-library-no-ie6-hack.html#comments</comments>
		<pubDate>Fri, 31 Oct 2008 02:16:10 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Java Script]]></category>
		<category><![CDATA[Dean Edwards]]></category>
		<category><![CDATA[IE6 HACK]]></category>
		<category><![CDATA[IE7 library]]></category>
		<category><![CDATA[PNG透明]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=106</guid>
		<description><![CDATA[这个好东东啊，为啥我现在才看见，都已经2.0（BETA3）版了&#124;&#124;&#124; ，JZ-CLUB HACK得我多辛苦哇，555，下次我一定要用这个！~~ Dean的这个IE7 Javascript库使得微软的浏览器能够更加的支持标准，使得低版本的IE也能够符合W3C的CSS和HTML标准，好处多多： 支持的CSS选择器及伪类： parent &#62; child adjacent + sibling adjacent ~ sibling [attr], [attr="value"], [attr~="value"] etc .multiple.classes (fixes bug) :hover, :active, :focus （对所有元素适用） :first-child, :last-child, :only-child, :nth-child, :nth-last-child :check, :disabled, :enabled :root, :empty, :contains(), :not() :before/:after/content: :lang 并且 支持 HTML and XML 支持导入（@import）样式表 保持了样式表的“层叠” 不用改变文档结构 不会用 js 反复查询 DOM树 使用纯粹的 CSS 执行样式规则 [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="【转载】Web技术要发展，IE6必须被消灭！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/04/09/5348379.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29585028.png" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>这个好东东啊，为啥我现在才看见，都已经2.0（BETA3）版了||| ，<a  href="http://www.jzclub.cc/" target="_blank">JZ-CLUB</a> HACK得我多辛苦哇，555，下次我一定要用这个！~~</p>
<p>Dean的这个IE7 Javascript库使得微软的浏览器能够更加的支持标准，使得低版本的IE也能够符合W3C的CSS和HTML标准，好处多多：</p>
<p><span id="more-106" ></span></p>
<p><strong>支持的CSS选择器及伪类：</strong></p>
<ul>
<li>parent &gt; child</li>
<li>adjacent + sibling</li>
<li>adjacent ~ sibling</li>
<li>[attr], [attr="value"], [attr~="value"] etc</li>
<li>.multiple.classes (fixes bug)</li>
<li>:hover, :active, :focus （对所有元素适用）</li>
<li>:first-child, :last-child, :only-child, :nth-child, :nth-last-child</li>
<li>:check, :disabled, :enabled</li>
<li>:root, :empty, :contains(), :not()</li>
<li>:before/:after/content:</li>
<li>:lang</li>
</ul>
<p><strong>并且</strong></p>
<ul>
<li>支持 HTML and XML</li>
<li>支持导入（@import）样式表</li>
<li>保持了样式表的“层叠”</li>
<li>不用改变文档结构</li>
<li>不会用 js 反复查询 DOM树</li>
<li>使用纯粹的 CSS 执行样式规则</li>
<li>在 standards 和 quirks 两种模式中，都支持W3C box model</li>
<li>支持 fixed（固定）定位 (flicker free)</li>
<li>支持 overflow:visible</li>
<li>支持 min/max-width/height</li>
<li>修复缺失的 (X)HTML 对象 (abbr, object)</li>
<li>标准化的窗体行为</li>
<li>支持 PNG 图片的 alpha 透明</li>
<li>轻量级的 script (22K)</li>
<li>完全模块化 (支持增加/删除修改)</li>
<li>只针对 Microsoft Internet Explorer 5+ (Windows 版本)</li>
</ul>
<blockquote><p>你可以 <a  href="http://code.google.com/p/ie7-js/">查看Google Code</a> 或者 <a  href="http://www.box.net/shared/vr6hh6m99h" target="_blank">直接下载</a></p></blockquote>
<p><strong>使用方法：</strong></p>
<p><strong>IE7.JS</strong> 使IE5\6达到IE7标准</p>

<div class="wp_syntax" ><div class="code" ><pre class="javascript"  style="font-family:monospace;" ><span style="color: #339933;" >&lt;!--</span><span style="color: #009900;" >&#91;</span><span style="color: #000066; font-weight: bold;" >if</span> lt IE <span style="color: #CC0000;" >7</span><span style="color: #009900;" >&#93;</span><span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;</span>mce<span style="color: #339933;" >:</span>script src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js&quot;</span> mce_src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js&quot;</span> type<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;text/javascript&quot;</span><span style="color: #339933;" >&gt;&lt;/</span>mce<span style="color: #339933;" >:</span>script<span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;!</span><span style="color: #009900;" >&#91;</span>endif<span style="color: #009900;" >&#93;</span><span style="color: #339933;" >--&gt;</span></pre></div></div>

<p><strong>IE8.JS</strong> 使IE5\6\7均能支持IE7所缺失的高级标准</p>

<div class="wp_syntax" ><div class="code" ><pre class="javascript"  style="font-family:monospace;" ><span style="color: #339933;" >&lt;!--</span><span style="color: #009900;" >&#91;</span><span style="color: #000066; font-weight: bold;" >if</span> lt IE <span style="color: #CC0000;" >8</span><span style="color: #009900;" >&#93;</span><span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;</span>script src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js&quot;</span> mce_src<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js&quot;</span> type<span style="color: #339933;" >=</span><span style="color: #3366CC;" >&quot;text/javascript&quot;</span><span style="color: #339933;" >&gt;&lt;</span>script<span style="color: #339933;" >&gt;</span>
<span style="color: #339933;" >&lt;!</span><span style="color: #009900;" >&#91;</span>endif<span style="color: #009900;" >&#93;</span><span style="color: #339933;" >--&gt;</span></pre></div></div>

<p>注：如果你使用了IE8.JS就无需使用IE7.JS</p>
<p><strong>PNG</strong> 需要实现PNG Alpha透明的图片名称必须为*-trans.png，并且不支持背景透明图片的重复和定位（background-repeat和background-position）</p>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie8-ie9-js.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="【转载】Web技术要发展，IE6必须被消灭！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6-2.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/04/09/5348379.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转载】Web技术要发展，IE6必须被消灭！</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fkill-ie6.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29585028.png"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fcss-hacks.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fdean-edwards-ie7-library-no-ie6-hack.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/dean-edwards" title="Dean Edwards" rel="tag">Dean Edwards</a>, <a href="http://www.iros.me/tag/ie6-hack" title="IE6 HACK" rel="tag">IE6 HACK</a>, <a href="http://www.iros.me/tag/ie7-library" title="IE7 library" rel="tag">IE7 library</a>, <a href="http://www.iros.me/tag/png%e9%80%8f%e6%98%8e" title="PNG透明" rel="tag">PNG透明</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/dean-edwards-ie7-library-no-ie6-hack.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

