<?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>XIAO-A前端技术</title>
	<atom:link href="http://www.xiao-a.com/index.php/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xiao-a.com</link>
	<description>学习前端技术，学习网页设计，皇甫灵剑的个人博客</description>
	<lastBuildDate>Tue, 24 Apr 2012 02:57:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>前端开发：页面构建的审图与细节</title>
		<link>http://www.xiao-a.com/index.php/archives/1066.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1066.html#comments</comments>
		<pubDate>Tue, 24 Apr 2012 02:57:47 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1066</guid>
		<description><![CDATA[作为专业的页面构建工程师，除了在专业技能上有很高的要求以外，还需要具有一定的对设计图的审稿能力。审图，并非是意味着追求跟PSD一模一样，甚至耗费大量时间截屏跟PSD去“对像素”。在我的理解中，审图是通过对UI设计稿的分析，充分理解UI设计师的意图，再结合UE的交互状态，从中做到真正的“还原设计稿”。 　　事例一：有取有舍，方是领悟 一些事 比如，在这样一张设计稿中 　　设计师的意图： 这个话题列表的行高19px，每个单条话题下面是有4px边距的。而话题标题与其自身的描述文字之间没有间距。 　　页面构建工程师的分析过程： 由于该模块对行高的重置，已经“约定”好了，文本规范的行高是18px。通过沟通，设计师认可将本段落的行高由19px改为18px。但这仅限于标题与描述文字之间的行距。而标题与标题之间4像素下边距，从构图上说明了单条话题之间的段落关系，不能一味的用18px行高解决。因为通过我们对设计稿的理解，设计师用这4像素，拉大了标题之间的间距，从视觉上形成了段落感。所以对于重构来讲，这4像素万万不能忽略，不然从视觉呈现的角度，设计师就不能容忍了。所以，有取有舍，方是领悟。 &#160; 在这个模块的制作中，还发生了一个小插曲。如下图： yixieshi 　　设计师的意图： &#160; 这是11号的细明体，因为是点缀，又是提示性图片，所以小于前面标题的宋体12号字。 　　页面构建工程师的分析过程： &#160; 起初，重构组的同学在讨论设计稿时，都提议把它们做成活文字，就是宋体12号。彩色圆角块用CSS3写，扩展性特好。因为这个模块是运营团队负责，在未来也更能够满足随时更换文字的需求。万一以后再来个“惊爆”、“头条”啥的呢?每张图都重新切、重新拼么? &#160; 但是，站在理解视觉设计的角度，这种小tag讲究的就是精致。如果做成文本文字，虽然面临将来的需求变更时，会有一定程度上的成本，但是与正文区别太小，就突出不了小tag的感觉，也显得没有那么精致了。所以在各种纠结权衡下，我最终选择把它们做成了图片。 &#160; 　　事例二：麻烦的CSS写法能换来更好的视觉效果 互联网的一些事 再举另外一个例子，我们有这样一个模块。...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="WEB前端开发规范文档" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F319.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1066.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10135974.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WEB前端开发规范文档</font>
                    </a>
                </td>
                <td width="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F227.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1066.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10112573.png" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS网页布局及网站开发常犯的20种错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F428.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1066.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10114177.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS网页布局及网站开发常犯的20种错误</font>
                    </a>
                </td>
                <td width="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F125.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1066.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/09/10474152.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="高手总结CSS网页布局及网站开发常犯的20种错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F388.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1066.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10136174.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">高手总结CSS网页布局及网站开发常犯的20种错误</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1066.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>高清大图：用户体验设计指南</title>
		<link>http://www.xiao-a.com/index.php/archives/1061.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1061.html#comments</comments>
		<pubDate>Tue, 24 Apr 2012 02:54:34 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1061</guid>
		<description><![CDATA[用户需要什么?用户想要什么?我们可以做什么?我们的目的是什么?用户体验设计指南不是一个或者一部分人的事，也不是准则和规范，而是需要以产品设计为导向不断健全和完善的指南。 只有打造良好用户体验的产品，才能迎接市场和用户的考证! &#160; 本文链接：http://www.yixieshi.com/ucd/10702.html 没有找到您喜欢的文章<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="用户体验分享会 - [互联网]" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F170.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1061.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/02/10136906.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1058.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1061.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F760.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1061.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="logo设计方案" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F224.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1061.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10114349.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">logo设计方案</font>
                    </a>
                </td>
                <td width="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F166.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1061.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/02/10136961.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1061.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>拒绝扯淡，啥是用户体验？</title>
		<link>http://www.xiao-a.com/index.php/archives/1058.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1058.html#comments</comments>
		<pubDate>Tue, 24 Apr 2012 02:50:22 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1058</guid>
		<description><![CDATA[看了几篇关于京东的用户体验，感觉很有趣，随着京东茁壮的成长Fans越来越多。其实出现一个引领中国互联网b2c的大企业挺好，京东的确也做的很务实，而且发展方向也靠谱，但是把京东的用户体验拿出来说事儿，感觉挺有趣。 &#160; &#160; 先来说说什么是用户体验，这是一个庞大概念而且1000个人能说出2000个意思来的牛逼名词，做网站和搞网站和被网站搞的人要是两句话没说这个你都不好意思跟人家说你是干什么的。我从来都不知道理论，只是觉得这个事儿其实很简单。 &#160; 举个例子，当初yahoo做搜索，后来很多人提出异议，着TM体验太不好啦，界面上就一个搜索，啥都没有，我想看什么都没有，yahoo一想，有道理啊，把首页堆积如山，形成所谓第一个门户，结果google拿过了yahoo用过的枪，大家说，真牛比，人家就是专业，用户体验做的就是好!世界上最好的用户体验就是google!yahoo傻逼了，怎么你丫刚才说的跟现在说的不一样?你也太墙头草了吧! &#160; 很简单，用户体验就是牛逼了的网站通过自己牛逼之后的气场，让网友觉得什么都是好的，这就是用户体验。 &#160; 再举个例子，在中国有一个叫chinaren的网站，后来悲惨的被sohu收购成为了小三，跟所有的小三一样，最后也没得到一个名分。当初红红火火，而且校友录这个事儿大有可为。可是这时候用户跑出来了，这样体验我觉得不爽，因为页面过于简单，啥都没有，还有就是不搞笑，好玩的东西太少。结果chinaren猛然醒悟，原来如此，从此挥汗如雨把页面像mop挺进，N年后，一个名叫facebook的老外学习了chinaren的路子，看首页?啥都没有，你还别牛逼，你不是美国的学生我还不让你注册，怎么地?什么seo什么搜索引擎都靠边站，爷还真不待见你。结果，facebook牛逼了，从此，facebook成为用户体验的代名词，“真好!直观!不乱!流程通常!不便秘!”chinaren幡然悔悟狂拍胸脯后悔不已。 &#160; 好，来说说京东的用户体验。我没从京东买过东西，应该没有发言权，但是我经常看他的页面，起初也在夜深人静的时候光着大膀子，挥汗如雨，一点一点，一片儿一片儿的看他的页面。不断的汗如雨下，除了得到几颗善良的青春痘别无其他。页面没有创新，购物流程没有创新，创新在那里?大多数人都说，用户体验重要的是细节，对没错，那是说把重点做好了后，重要的是细节，您老重点还没做好呢，把这么多细节搞清楚干嘛? 京东成功的地方在那儿? yixieshi 1、刘强东此人长相一脸真诚，做事儿果断，而且是个qq群论坛都能坚持发下去的主，这点就比用户体验值得学习 &#160; 2、非典开始的时候，借了一点这个小微风 &#160; 3、买的商品是电子商品，北京以外的二线城市想买便宜计算机，又来不了北京中关村，本地又贵，那咋办?(所以京东早期北京用户不多，而且口碑也不好，很多非it界朋友说的，应该靠谱) &#160; 4、有钱后，所以开始做物流、仓储、客服这三个电商最头疼的东东。希望通过这个建立行业壁垒。...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="用户体验分享会 - [互联网]" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F170.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1058.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/02/10136906.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1061.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1058.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F760.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1058.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="HTML默认样式表CSS属性" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F440.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1058.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10135697.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">HTML默认样式表CSS属性</font>
                    </a>
                </td>
                <td width="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F166.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1058.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/02/10136961.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1058.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jquery仿win8登录界面</title>
		<link>http://www.xiao-a.com/index.php/archives/1052.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1052.html#comments</comments>
		<pubDate>Thu, 12 Apr 2012 07:42:15 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1052</guid>
		<description><![CDATA[看了那么多win8的介绍，还安装过一次，感觉win8很不错，现在的设计大部分都在向win8的分格靠进，闲来无事自己写了一个win8的锁屏界面。让没有看到win8真身的人民们先看一小下。 功能不全，大家凑合着看把。有时间，还会继续跟近的。谢谢大家支持。 欣赏地址：http://www.xiao-a.com/demo/win8/win8.html &#160; 没有找到您喜欢的文章<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQuery 1.7 发布了 /(jQuery 1.7更新,jQuery 1.7b,jQuery api)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F365.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1052.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10135858.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 1.7 发布了 /(jQuery 1.7更新,jQuery 1.7b,jQuery api)</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery AD Gallery相册插件用法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F294.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1052.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10136291.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery AD Gallery相册插件用法</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery UI教程之 dialog的使用(非原创)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F358.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1052.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10114330.bmp" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery UI教程之 dialog的使用(非原创)</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jquery&amp;css华丽的下拉选项卡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F636.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1052.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/02/10181028.png" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jquery&amp;css华丽的下拉选项卡</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jquery&amp;css制作iphone相机幻灯效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F629.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1052.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10130790.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jquery&amp;css制作iphone相机幻灯效果</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1052.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>jquery1.71 API免费下载【中文】</title>
		<link>http://www.xiao-a.com/index.php/archives/1043.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1043.html#comments</comments>
		<pubDate>Mon, 09 Apr 2012 08:35:06 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1043</guid>
		<description><![CDATA[网上有不少Jquery API都是要注册、登录、积分啥的 免费发一个 大家一起学习 【 下载地址】 网址：www.xiao-a.com/demo/jQueryAPI_1.7.1_CN.chm &#160; &#160; 您可能喜欢的文章jQuery AD Gallery相册插件用法 (1.000)复制到系统剪切板 (1.000)jQuery UI教程之 dialog的使用(非原创) (1.000)jQuery 1.7 发布了 /(jQuery...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQuery 1.7 发布了 /(jQuery 1.7更新,jQuery 1.7b,jQuery api)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F365.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1043.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10135858.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 1.7 发布了 /(jQuery 1.7更新,jQuery 1.7b,jQuery api)</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery UI教程之 dialog的使用(非原创)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F358.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1043.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10114330.bmp" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery UI教程之 dialog的使用(非原创)</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery AD Gallery相册插件用法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F294.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1043.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10136291.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery AD Gallery相册插件用法</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="【转】jQuery教程之 -- jQuery基础教程 + jQuery选择器教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F377.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1043.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/27/11581788.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转】jQuery教程之 -- jQuery基础教程 + jQuery选择器教程</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jquery&amp;css华丽的下拉选项卡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F636.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1043.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/02/10181028.png" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jquery&amp;css华丽的下拉选项卡</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1043.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JS 获取浏览器窗口大小</title>
		<link>http://www.xiao-a.com/index.php/archives/1041.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1041.html#comments</comments>
		<pubDate>Mon, 09 Apr 2012 08:03:12 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1041</guid>
		<description><![CDATA[常用: JS 获取浏览器窗口大小 // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) &#038;&#038; (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="复制到系统剪切板" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F341.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1041.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://hi.csdn.net/attachment/201012/23/0_1293065903W9no.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F355.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1041.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10136212.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="js+html仿iso界面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F612.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1041.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10111776.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">js+html仿iso界面</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="小试牛刀html5canvas写钟表" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F604.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1041.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10111832.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">小试牛刀html5canvas写钟表</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="css对文字描边[兼容IE、FF、Chorme等浏览器" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F180.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1041.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10136791.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">css对文字描边[兼容IE、FF、Chorme等浏览器</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1041.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>javascript图片局部放大【放大镜效果】</title>
		<link>http://www.xiao-a.com/index.php/archives/1015.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1015.html#comments</comments>
		<pubDate>Mon, 27 Feb 2012 06:12:08 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1015</guid>
		<description><![CDATA[演示 解析：利用布局定位，遮罩层的使用，做出了一个很普遍的局部放大效果。 布局部分： 123456789&#60;div id=&#34;box&#34;&#62; &#60;div id=&#34;min&#34;&#62; &#60;div id=&#34;all&#34;&#62;&#60;/div&#62; &#60;div id=&#34;see&#34;&#62;&#60;/div&#62; &#60;img src=&#34;img/min.jpg&#34; alt=&#34;&#34; width=&#34;336&#34; height=&#34;210&#34; /&#62; &#60;/div&#62; &#60;div id=&#34;big&#34;&#62;&#60;img...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="解决CSS背景图片闪动和重复加载的IE6BUG" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F338.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1015.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10136263.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">解决CSS背景图片闪动和重复加载的IE6BUG</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="javascript&amp;css3.0高仿下拉菜单，全浏览器兼容" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1004.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1015.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">javascript&amp;css3.0高仿下拉菜单，全浏览器兼容</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="用js中setInterval方法做图片无缝滚动" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F981.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1015.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用js中setInterval方法做图片无缝滚动</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="给网页设计师的30个HTML5学习资源" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F395.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1015.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/08/04/20850618.png" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">给网页设计师的30个HTML5学习资源</font>
                    </a>
                </td>
                <td width="86" 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?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F125.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1015.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/09/10474152.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1015.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>javascript&amp;css3.0高仿下拉菜单，全浏览器兼容</title>
		<link>http://www.xiao-a.com/index.php/archives/1004.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/1004.html#comments</comments>
		<pubDate>Fri, 24 Feb 2012 08:58:30 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[html5+css3.0]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=1004</guid>
		<description><![CDATA[闲来无事有朋友叫帮忙做一个下拉框 &#160; 效果图 演示地址 说明：全部代码只有小三角箭头运用了图片，所有的圆角简便效果都运用css3.0制作。 js方发是运用原生javascript编写。 代码： 页面布局： 12345678910111213141516171819202122232425&#60;div class=&#34;box&#34;&#62; &#160; &#160; &#60;h1&#62;《您在那呢》&#60;/h1&#62; &#160; &#160; &#60;div class=&#34;formbox&#34;&#62; &#160; &#160; &#160;...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS3的动画制作菜单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F230.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1004.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10112529.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS3的动画制作菜单</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="让人难以置信的纯CSS3图标和Logo" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F151.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1004.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10112536.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">让人难以置信的纯CSS3图标和Logo</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="用CSS2写的小三角" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F405.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1004.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10135812.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用CSS2写的小三角</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jquery&amp;css制作iphone相机幻灯效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F629.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1004.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10130790.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jquery&amp;css制作iphone相机幻灯效果</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="css3.0写自己的logo" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F197.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1004.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10112535.png" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">css3.0写自己的logo</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/1004.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用js中setInterval方法做图片无缝滚动</title>
		<link>http://www.xiao-a.com/index.php/archives/981.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/981.html#comments</comments>
		<pubDate>Thu, 16 Feb 2012 09:00:32 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=981</guid>
		<description><![CDATA[在做前端效果时，我们常常会遇到，左右滚动的js特效。 其实方法有很多种，下面我们用js中setInterval来做一个简单使用的左右无缝滚动： 第一先做一个简单的页面布局： 1234567891011121314&#60;div id=&#34;box&#34;&#62; &#60;div class=&#34;menu&#34; id=&#34;menu&#34;&#62; &#60;span class=&#34;left&#34;&#62;向左走&#60;/span&#62; &#60;span class=&#34;right&#34;&#62;向右走&#60;/span&#62; &#60;/div&#62; &#60;div class=&#34;center&#34;&#62; &#160; &#160; &#60;ul&#62; &#160; &#160;...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="复制到系统剪切板" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F341.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F981.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://hi.csdn.net/attachment/201012/23/0_1293065903W9no.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="js+html仿iso界面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F612.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F981.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10111776.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">js+html仿iso界面</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="小试牛刀html5canvas写钟表" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F604.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F981.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10111832.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">小试牛刀html5canvas写钟表</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JS 获取浏览器窗口大小" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1041.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F981.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[新手]js幻灯焦点图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F973.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F981.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/981.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[新手]js幻灯焦点图</title>
		<link>http://www.xiao-a.com/index.php/archives/973.html</link>
		<comments>http://www.xiao-a.com/index.php/archives/973.html#comments</comments>
		<pubDate>Mon, 06 Feb 2012 06:38:47 +0000</pubDate>
		<dc:creator>皇甫灵剑</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.xiao-a.com/?p=973</guid>
		<description><![CDATA[一个简单的js幻灯切换制作。也不写介绍了，现在这样的东西很多的，只对新手。 运用for循环遍历，onclink事件。 先做布局： 1234&#60;input class=&#34;but&#34; type=&#34;button&#34; value=&#34;1&#34; /&#62; &#60;input type=&#34;button&#34; value=&#34;2&#34; /&#62; &#60;input type=&#34;button&#34; value=&#34;3&#34; /&#62; &#60;div class=&#34;div&#34; style=&#34;display: block;&#34;&#62;1w1&#60;/div&#62;...<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="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="复制到系统剪切板" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F341.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F973.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://hi.csdn.net/attachment/201012/23/0_1293065903W9no.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="小试牛刀html5canvas写钟表" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F604.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F973.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10111832.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">小试牛刀html5canvas写钟表</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="js+html仿iso界面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F612.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F973.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/11/01/10111776.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">js+html仿iso界面</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JS 获取浏览器窗口大小" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F1041.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F973.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !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="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="用js中setInterval方法做图片无缝滚动" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F981.html&from=http%3A%2F%2Fwww.xiao-a.com%2Findex.php%2Farchives%2F973.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用js中setInterval方法做图片无缝滚动</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" 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>
		<wfw:commentRss>http://www.xiao-a.com/index.php/archives/973.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

