<?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>雨无形的BLOG &#187; JavaScript</title>
	<atom:link href="http://www.yuwuxing.com/category/webdesign/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yuwuxing.com</link>
	<description>关注互联网发展</description>
	<lastBuildDate>Fri, 23 Dec 2011 04:00:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>很久没更新了，分享一个豆瓣的CSS和js开发规范</title>
		<link>http://www.yuwuxing.com/douban-css-js/</link>
		<comments>http://www.yuwuxing.com/douban-css-js/#comments</comments>
		<pubDate>Thu, 18 Nov 2010 04:02:37 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=222</guid>
		<description><![CDATA[几个月没更新了，最近专注于运营和推广了，技术方面有点生疏，今天看到twitter上有人分享了豆瓣的css和js的规范，感觉不错，比较适合中小型网站建设初期规范的建立，规范的建立对以后修改和协作更容易。这个豆瓣的规范具有不错的参考价值适合前端开发和准备加入前端开发工程师的朋友来来学习。 豆瓣CSS开发规范 https://docs.google.com/document/pub?id=17dKkWwdaKyNnkwswihHje2cfoMGqbSJLydTIxqFwlQU 豆瓣Javascript代码风格规范 https://docs.google.com/document/pub?id=17ICSeE4Qd04-1U-pphmKCAmfgJGEVjqDellbu4oAiqU 以后博客的方向可能有所改变，开始尝试写一些网站运营，宣传推广方面的经验了。<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.yuwuxing.com%2Fcss-hack-collect%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS Hack 汇总快查</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.yuwuxing.com%2Fcss-text-shadow%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS文字阴影效果</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.yuwuxing.com%2Fthe-css-priority%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">详解CSS的优先权（ZT）</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fbuilt-sexy-css%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">译文:创建性感的CSS（ZT）</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>几个月没更新了，最近专注于运营和推广了，技术方面有点生疏，今天看到twitter上有人分享了豆瓣的css和js的规范，感觉不错，比较适合中小型网站建设初期规范的建立，规范的建立对以后修改和协作更容易。这个豆瓣的规范具有不错的参考价值适合前端开发和准备加入前端开发工程师的朋友来来学习。</p>
<p>豆瓣CSS开发规范</p>
<p><a href="https://docs.google.com/document/pub?id=17dKkWwdaKyNnkwswihHje2cfoMGqbSJLydTIxqFwlQU">https://docs.google.com/document/pub?id=17dKkWwdaKyNnkwswihHje2cfoMGqbSJLydTIxqFwlQU</a></p>
<p>豆瓣Javascript代码风格规范</p>
<p><a href="https://docs.google.com/document/pub?id=17ICSeE4Qd04-1U-pphmKCAmfgJGEVjqDellbu4oAiqU">https://docs.google.com/document/pub?id=17ICSeE4Qd04-1U-pphmKCAmfgJGEVjqDellbu4oAiqU</a></p>
<p>以后博客的方向可能有所改变，开始尝试写一些网站运营，宣传推广方面的经验了。</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.yuwuxing.com%2Fcss-hack-collect%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS Hack 汇总快查</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.yuwuxing.com%2Fcss-text-shadow%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS文字阴影效果</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.yuwuxing.com%2Fthe-css-priority%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">详解CSS的优先权（ZT）</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fbuilt-sexy-css%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdouban-css-js%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">译文:创建性感的CSS（ZT）</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>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/douban-css-js/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>推荐一个不错的jq的UI库</title>
		<link>http://www.yuwuxing.com/jquery-tools/</link>
		<comments>http://www.yuwuxing.com/jquery-tools/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 09:38:16 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tab]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=121</guid>
		<description><![CDATA[最近忙着移动网站改版的任务，博客也有近两周没更新了，在这次改版的过程中发现了不少好用的东西将陆续来分享。 今天要介绍的就是一个非常好用的jq的UI库，叫jquery tools，它的官方网站是http://flowplayer.org/tools/index.html这个UI库提供了我们在做网站的过程中需要用到的一些常用JS效果的方案，我试用了一下常用的tab和Scrollable感觉还比较灵活，配合CSS可以实现我们想做的大多数效果。 这个UI库包含了6大工具 1、选项卡功能(Tabs) 2、提示工具条功能(ToolTips) 3、信息滚动功能(Scrollable) 4、遮罩效果(overlay) 5、突出效果(expose) 6、Flash嵌入 http://css9.net/flexible-ui-library-jquery-tools/这个博客上对这个UI库有比较详细的说明，我就不赘述了。有兴趣的可以尝试一下。<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="一个可以多页签切换的JS焦点图代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">一个可以多页签切换的JS焦点图代码</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !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.yuwuxing.com%2Fhow-to-set-fontfamily%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187454.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网站字体选择研究</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !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.yuwuxing.com%2Ftext-typeset-of-web-design%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187512.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">《网页设计技巧》系列之一 浅谈文本排版</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !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.yuwuxing.com%2Ftable-study-note%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187238.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于表格的学习笔记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !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.yuwuxing.com%2Fweb-design-for-tahan%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187457.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !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="5" 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>最近忙着移动网站改版的任务，博客也有近两周没更新了，在这次改版的过程中发现了不少好用的东西将陆续来分享。</p>
<p>今天要介绍的就是一个非常好用的jq的UI库，叫jquery tools，它的官方网站是<a href="http://flowplayer.org/tools/index.html">http://flowplayer.org/tools/index.html</a>这个UI库提供了我们在做网站的过程中需要用到的一些常用JS效果的方案，我试用了一下常用的tab和Scrollable感觉还比较灵活，配合CSS可以实现我们想做的大多数效果。</p>
<p>这个UI库包含了6大工具</p>
<p>1、选项卡功能(Tabs) </p>
<p>2、提示工具条功能(ToolTips) </p>
<p>3、信息滚动功能(Scrollable) </p>
<p>4、遮罩效果(overlay) </p>
<p>5、突出效果(expose) </p>
<p>6、Flash嵌入 </p>
<p><a href="http://css9.net/flexible-ui-library-jquery-tools/">http://css9.net/flexible-ui-library-jquery-tools/</a>这个博客上对这个UI库有比较详细的说明，我就不赘述了。有兴趣的可以尝试一下。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="一个可以多页签切换的JS焦点图代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">一个可以多页签切换的JS焦点图代码</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !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.yuwuxing.com%2Fweb-design-for-tahan%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187457.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">帮太和服饰做的网站售前页面</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="51凤凰游记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fphoenix-travel-notes%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187450.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">51凤凰游记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !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.yuwuxing.com%2Ftext-typeset-of-web-design%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187512.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">《网页设计技巧》系列之一 浅谈文本排版</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="flash中用attachMovie复制元件置于舞台的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fuse-attachmovie-copy-element-in-stage%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fjquery-tools%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187486.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">flash中用attachMovie复制元件置于舞台的方法</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" 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>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/jquery-tools/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>根据访问者分辨率，自动调用不同版式CSS的代码</title>
		<link>http://www.yuwuxing.com/change-the-layout-css-for-different-resolution/</link>
		<comments>http://www.yuwuxing.com/change-the-layout-css-for-different-resolution/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 02:03:33 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[网页设计]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[分辨率]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=49</guid>
		<description><![CDATA[<p>虽然现在已经基本淘汰800分辨率了1024已经成为主流，但是随着大屏幕液晶的不断降价，更高的分辨率将会逐步成为主流，为了适应越来越大的分辨率，有时候我们会采用流体布局，但是流体布局有时候也有局限性，下面一段js可以实现根据用户客户端分辨率的不同，调用不同的css代码来实现适应不同分辨率的效果。</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.yuwuxing.com%2F20-beautiful-ajax-css-table%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">20 个漂亮的 Ajax + CSS 表格</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.yuwuxing.com%2Fcss3-columns-attribute%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS3 Columns属性研究</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.yuwuxing.com%2Fcss-text-shadow%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS文字阴影效果</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.yuwuxing.com%2Fthe-css-priority%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">详解CSS的优先权（ZT）</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.yuwuxing.com%2Fbuilt-sexy-css%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">译文:创建性感的CSS（ZT）</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>虽然现在已经基本淘汰800分辨率了1024已经成为主流，但是随着大屏幕液晶的不断降价，更高的分辨率将会逐步成为主流，为了适应越来越大的分辨率，有时候我们会采用流体布局，但是流体布局有时候也有局限性，下面一段js可以实现根据用户客户端分辨率的不同，调用不同的css代码来实现适应不同分辨率的效果。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> Swidth <span style="color: #339933;">=</span> screen.<span style="color: #660066;">width</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> Surl <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;http://www.yours.com/&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> Skin <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;cssstyle1.css&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;cssstyle2.css&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> Skintemp<span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>Swidth <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">1280</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    Surl <span style="color: #339933;">+=</span> <span style="color: #3366CC;">&quot;skin_1200&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
    Surl <span style="color: #339933;">+=</span> <span style="color: #3366CC;">&quot;skin&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> Skin.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    Skintemp <span style="color: #339933;">=</span> document.<span style="color: #660066;">createElement</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;link&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    Skintemp.<span style="color: #660066;">type</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;text/css&quot;</span><span style="color: #339933;">;</span>
    Skintemp.<span style="color: #660066;">rel</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;stylesheet&quot;</span><span style="color: #339933;">;</span>
    Skintemp.<span style="color: #660066;">href</span> <span style="color: #339933;">=</span> Surl <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;/&quot;</span> <span style="color: #339933;">+</span> Skin<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
    document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;head&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">appendChild</span><span style="color: #009900;">&#40;</span>Skintemp<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<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.yuwuxing.com%2F20-beautiful-ajax-css-table%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">20 个漂亮的 Ajax + CSS 表格</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.yuwuxing.com%2Fcss3-columns-attribute%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS3 Columns属性研究</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.yuwuxing.com%2Fcss-text-shadow%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">CSS文字阴影效果</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.yuwuxing.com%2Fthe-css-priority%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">详解CSS的优先权（ZT）</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.yuwuxing.com%2Fbuilt-sexy-css%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">译文:创建性感的CSS（ZT）</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>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/change-the-layout-css-for-different-resolution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一个可以多页签切换的JS焦点图代码</title>
		<link>http://www.yuwuxing.com/tab-focus-code/</link>
		<comments>http://www.yuwuxing.com/tab-focus-code/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 14:35:30 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[网页设计]]></category>
		<category><![CDATA[jacascript]]></category>
		<category><![CDATA[焦点图]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=41</guid>
		<description><![CDATA[<p><img src="/wp-content/uploads/2009/3/200903042335156030.jpg" alt="" title="" /></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.yuwuxing.com%2Fdouban-css-js%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">很久没更新了，分享一个豆瓣的CSS和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.yuwuxing.com%2Fdoctype-influence-javascript%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">由修改漂浮广告代码而学到的DOCTYPE声明对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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">让IE支持min-height/width max-height/width 的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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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>最近的一个项目，在一个tab的区域，每个tab里面都有一个焦点图（没办法，客户的要求就是这么怪），需要用CSS和js实现。 网上找了好久没找到合适的代码，就自己试着写了一个，代码逻辑不是很清晰，而且只适用于目前的三个tab，每个tab里面有5点焦点图的情况。毕竟是第一次写程序，好在实现了功能。以下是js代码。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//焦点图</span>
<span style="color: #003366; font-weight: bold;">var</span> n<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> num<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> c<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">5</span><span style="color: #339933;">,</span><span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">function</span> Mea<span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	n<span style="color: #339933;">=</span>value<span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>value<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">5</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		num<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> value<span style="color: #339933;">&gt;</span><span style="color: #CC0000;">4</span><span style="color: #339933;">&amp;</span>value<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">10</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		num<span style="color: #339933;">=</span><span style="color: #CC0000;">2</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>value<span style="color: #339933;">&gt;</span><span style="color: #CC0000;">9</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		num<span style="color: #339933;">=</span><span style="color: #CC0000;">3</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	v <span style="color: #339933;">=</span> value<span style="color: #339933;">-</span><span style="color: #CC0000;">5</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>num<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	aunum <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;au&quot;</span><span style="color: #339933;">+</span>num<span style="color: #339933;">;</span>
	setBg<span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	plays<span style="color: #009900;">&#40;</span>v<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	conaus<span style="color: #009900;">&#40;</span>v<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> setBg<span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	ii<span style="color: #339933;">=</span><span style="color: #CC0000;">5</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>num<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span>i<span style="color: #339933;">;</span>
	document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;t&quot;</span><span style="color: #339933;">+</span>ii<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">className</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;bbg0&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;t&quot;</span><span style="color: #339933;">+</span>value<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">className</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;bbg1&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> plays<span style="color: #009900;">&#40;</span>v<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">try</span>
	<span style="color: #009900;">&#123;</span>
		document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;au&quot;</span><span style="color: #339933;">+</span>num<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">filters</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">Apply</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> d <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;au&quot;</span><span style="color: #339933;">+</span>num<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>i<span style="color: #339933;">==</span>v<span style="color: #339933;">?</span>d<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;block&quot;</span><span style="color: #339933;">:</span>d<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #339933;">;</span>
		document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;au&quot;</span><span style="color: #339933;">+</span>num<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">filters</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">play</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> d <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;au&quot;</span><span style="color: #339933;">+</span>num<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>i<span style="color: #339933;">==</span>v<span style="color: #339933;">?</span>d<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;block&quot;</span><span style="color: #339933;">:</span>d<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> conaus<span style="color: #009900;">&#40;</span>v<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">try</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">with</span> <span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;conau&quot;</span><span style="color: #339933;">+</span>num<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
				<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>i<span style="color: #339933;">==</span>v<span style="color: #339933;">?</span>children<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;block&quot;</span><span style="color: #339933;">:</span>children<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #339933;">;</span>
&nbsp;
				<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> d <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;conau&quot;</span><span style="color: #339933;">+</span>num<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>i<span style="color: #339933;">==</span>v<span style="color: #339933;">?</span>d<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;block&quot;</span><span style="color: #339933;">:</span>d<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
<span style="color: #006600; font-style: italic;">//tab激活该tab的自动播放</span>
<span style="color: #003366; font-weight: bold;">function</span> autorun<span style="color: #009900;">&#40;</span>m<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span><span style="color: #CC0000;">3</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">==</span>num<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			c<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">=</span>n<span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	clearAuto<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>m<span style="color: #339933;">==</span>num<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		setAuto<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span>
		num<span style="color: #339933;">=</span>m<span style="color: #339933;">;</span>
		n<span style="color: #339933;">=</span>c<span style="color: #009900;">&#91;</span>m<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		setAuto<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> clearAuto<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>clearInterval<span style="color: #009900;">&#40;</span>autoStart<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> setAuto<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>autoStart<span style="color: #339933;">=</span>setInterval<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;auto(n)&quot;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">3000</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> auto<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	n<span style="color: #339933;">++;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>n<span style="color: #339933;">&gt;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>num<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span>n<span style="color: #339933;">=</span><span style="color: #CC0000;">5</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>num<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	Mea<span style="color: #009900;">&#40;</span>n<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	conaus<span style="color: #009900;">&#40;</span>n<span style="color: #339933;">-</span><span style="color: #CC0000;">5</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>num<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
setAuto<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>然后在tab的每个tab上加上autorun(1);autorun(2);autorun(3)&#8230;</p>
<p>全部代码直接看<a href="http://www.yuwuxing.com/code/table_focus/" target="_blank">实例页面</a>吧</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.yuwuxing.com%2Fdouban-css-js%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">很久没更新了，分享一个豆瓣的CSS和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.yuwuxing.com%2Fdoctype-influence-javascript%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">由修改漂浮广告代码而学到的DOCTYPE声明对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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">让IE支持min-height/width max-height/width 的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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Ftab-focus-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/tab-focus-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>让IE支持min-height/width max-height/width 的JS</title>
		<link>http://www.yuwuxing.com/min-height-and-max-height-for-ie/</link>
		<comments>http://www.yuwuxing.com/min-height-and-max-height-for-ie/#comments</comments>
		<pubDate>Wed, 23 Jan 2008 08:45:47 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[网页设计]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=7</guid>
		<description><![CDATA[<p>ie不支持min-width/max-width min-height/min-width有时候做些效果有些不便，这个js可以让IE支持这个效果</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.yuwuxing.com%2Fdoctype-influence-javascript%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">由修改漂浮广告代码而学到的DOCTYPE声明对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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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.yuwuxing.com%2Fimage-auto-zoom-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">图片超过大小自动缩放代码</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.yuwuxing.com%2Fietester%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">IETester多IE版本共存的解决方案</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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>ie不支持min-width/max-width min-height/min-width有时候做些效果有些不便，这个js可以让IE支持这个效果 <a href="http://www.yuwuxing.com/wp-content/uploads/minmax.js" target="_blank">minmax.js</a></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.yuwuxing.com%2Fdoctype-influence-javascript%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">由修改漂浮广告代码而学到的DOCTYPE声明对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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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.yuwuxing.com%2Fimage-auto-zoom-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">图片超过大小自动缩放代码</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.yuwuxing.com%2Fietester%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">IETester多IE版本共存的解决方案</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/min-height-and-max-height-for-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>图片超过大小自动缩放代码</title>
		<link>http://www.yuwuxing.com/image-auto-zoom-code/</link>
		<comments>http://www.yuwuxing.com/image-auto-zoom-code/#comments</comments>
		<pubDate>Tue, 22 Jan 2008 11:47:13 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=6</guid>
		<description><![CDATA[<p>网页中图片超过指定大小自动缩放，并且可以点击看大图的代码</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.yuwuxing.com%2Fdoctype-influence-javascript%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">由修改漂浮广告代码而学到的DOCTYPE声明对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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">让IE支持min-height/width max-height/width 的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.yuwuxing.com%2Fone-code-to-change-webpage-to-blackandwhite%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">举国同悲，一条CSS代码把网页变黑白</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>以下是网页中图片超过指定大小自动缩放，并且可以点击看大图的代码</p>
<p>[CODE=javascript] //改变图片大小 function resizeImg() { var contentwidth=565;//设置图片最大宽度 var imageAll=document.getElementById(&quot;con&quot;).getElementsByTagName(&quot;img&quot;);//con为图片所在层的ID var turewidth,tureheight; if (imageAll !=null) { for (i=0; iimageAll[i].width) { if(imageAll[i].height==tureheight) { imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width+&quot;px&quot;; } imageAll[i].onclick=function(){window.open(this.src)}; imageAll[i].style.cursor=&quot;pointer&quot;; imageAll[i].title=&quot;点击查看原始尺寸：&quot;+turewidth+&quot;*&quot;+tureheight+&quot;px&quot;; } else { imageAll[i].style.width=turewidth+&quot;px&quot;; } } } } if (window.addEventListener) window.addEventListener(&quot;load&quot;, resizeImg, false); else if (window.attachEvent) window.attachEvent(&quot;onload&quot;, resizeImg); else window.onload=resizeImg [/CODE]</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.yuwuxing.com%2Fdoctype-influence-javascript%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">由修改漂浮广告代码而学到的DOCTYPE声明对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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">让IE支持min-height/width max-height/width 的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.yuwuxing.com%2Fone-code-to-change-webpage-to-blackandwhite%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fimage-auto-zoom-code%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">举国同悲，一条CSS代码把网页变黑白</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>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/image-auto-zoom-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>由修改漂浮广告代码而学到的DOCTYPE声明对JS的影响</title>
		<link>http://www.yuwuxing.com/doctype-influence-javascript/</link>
		<comments>http://www.yuwuxing.com/doctype-influence-javascript/#comments</comments>
		<pubDate>Mon, 21 Jan 2008 15:15:46 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[网页设计]]></category>
		<category><![CDATA[DOCTYPE]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=5</guid>
		<description><![CDATA[<p>经常有些JS代码明明在别人网页上可以运行，拷贝过来运行却出错，这个时候可以检查下是不是DOCTYPE声明的问题</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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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.yuwuxing.com%2Fimage-auto-zoom-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">图片超过大小自动缩放代码</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">让IE支持min-height/width max-height/width 的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.yuwuxing.com%2Fdouban-css-js%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">很久没更新了，分享一个豆瓣的CSS和js开发规范</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代码明明在别人网页上可以运行，拷贝过来运行却出错，这个时候可以检查下是不是DOCTYPE声明的问题</p>
<p>在没有DOCTYPE声明的情况下:</p>
<p>document.body.clientWidth</p>
<p>document.body.clientHeight</p>
<p>为当前窗口的宽度/高度;</p>
<p>在DOCTYPE声明以后</p>
<p>document.body.clientWidth</p>
<p>document.body.clientHeight</p>
<p>为整个页面的宽度/高度;</p>
<p>document.documentElement.clientWidth</p>
<p>document.documentElement.clientHeight</p>
<p>为当前窗口的宽度/高度;</p>
<p>同样增加DOCTYPE声明后</p>
<p>document.body.scrollLeft</p>
<p>document.body.scrollTop</p>
<p>要改为</p>
<p>document.documentElement.scrollLeft</p>
<p>document.documentElement.scrollTop</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.yuwuxing.com%2Fmove-ad-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我修改的,支持FF和IE的漂浮广告代码</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.yuwuxing.com%2Fimage-auto-zoom-code%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">图片超过大小自动缩放代码</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.yuwuxing.com%2Fchange-the-layout-css-for-different-resolution%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">根据访问者分辨率，自动调用不同版式CSS的代码</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.yuwuxing.com%2Fmin-height-and-max-height-for-ie%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">让IE支持min-height/width max-height/width 的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.yuwuxing.com%2Fdouban-css-js%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fdoctype-influence-javascript%2F">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">很久没更新了，分享一个豆瓣的CSS和js开发规范</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>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/doctype-influence-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

