<?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>可咔酷 &#124; 网络杂货铺</title>
	<atom:link href="http://www.kekaku.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.kekaku.com</link>
	<description>网络杂货铺</description>
	<lastBuildDate>Wed, 16 May 2012 05:52:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>WordPress固定链接设置的几种方法</title>
		<link>http://www.kekaku.com/wordpress/1574</link>
		<comments>http://www.kekaku.com/wordpress/1574#comments</comments>
		<pubDate>Wed, 16 May 2012 05:52:34 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress技巧]]></category>
		<category><![CDATA[固定链接]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1574</guid>
		<description><![CDATA[传说中，固定链接有SEO功能，今天试了试，现在给大家分享一下： wordpress固定链接设置技巧： 1、不要让日期出现在固定链接里面 这基于两个方面的考虑。一是如果数字出现在固定链接里面，等于提醒搜索引擎，这是很旧的内容了，没必要再爬一遍了。另外一个原因是，假如你要修改文章的日期重新发布的话，链接地址就变了，也就是意味着你的反向链接，PR 等等都没有了。 2、不要让分类的链接出现在固定链接里面 这一点是很多人都会忽略的地方。让分类出现在固定链接里面有两个缺陷：一是一篇文章如果选择了多个分类的话，则会出现多个链接地址，这很容易造成因为重复内容而被搜索引擎惩罚；二是有可能会造成关键词堆砌而被搜索引擎惩罚。 3、链接不要过深 这一点经常看到。很多wordpress 用户的固定链接是年/月/日/分类名/文章名。这种过于深的固定链接对搜索引擎是非常不友好的。 4、不要让中文字符出现在固定链接里面 虽然现在的搜索引擎已经能识别URL地址里面的中文字符，但无论是从美观上，还是从wordpress 优化的角度来看，都是非常差的。 wordpress固定链接设置的一些参数： 1.%year% 基于文章发布的年份，比如2010； 2.%monthnum% 基于文章发布的月份，比如01； 3.%day% 基于文章发布当日，比如06； 4.%hour% 基于文章发布小时数，比如23； 5.%minute% 基于文章发布分钟数，比如43； 6.%second% 基于文章发布秒数，比如33； 7.%postname% 基于文章的postname，其值为撰写时指定的缩略名，不指定缩略名时是文章标题； 8.%post_id% 基于文章post_id，比如48； 9.%category% 基于文章分类，子分类会处理成“分类/子分类”这种形式； 10.%author% 基于文章作者名。 将上述参数进行组合，即可得到wordpress的固定链接形式。 网上常见的几种设置方法： •/%year%/%monthnum%/%day%/%postname%/ •/%year%/%monthnum%/%postname%/ •/%year%/%monthnum%/%day%/%postname%.html •/%year%/%monthnum%/%postname%.html •/%category%/%postname%.html •/%post_id%.html 总结：LosesToy认为，最好的 wordpress固定链接形式是：域名/文章 名（参数为/%postname%.html）。 PS：原文作者已经说明最好参数，可本人觉得用/%post_id%.html 最简洁了。<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="织梦DedeCMS官方论坛链接竞拍功能(beta)上线 玩法详解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D2555&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1574">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCMS官方论坛链接竞拍功能(beta)上线 玩法详解 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="加入seona出售网站链接，轻松赚取美元 | 织梦(Dedecms)管理员之家" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D2852%26cpage%3D1&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1574">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/10/14/9152199.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">加入seona出售网站链接，轻松赚取美元 | 织梦(Dedecms)管理员之家 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="WP缓存插件WordPress object-cache 设置" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1573&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1574">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WP缓存插件WordPress object-cache 设置</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="简单两步创建个性的WordPress友情链接页面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F741&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1574">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简单两步创建个性的WordPress友情链接页面</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="13个WordPress技巧及教程资源网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F222%2F&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1574">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/13/12311463.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">13个WordPress技巧及教程资源网站</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.kekaku.com/wordpress/1574/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WP缓存插件WordPress object-cache 设置</title>
		<link>http://www.kekaku.com/wordpress/1573</link>
		<comments>http://www.kekaku.com/wordpress/1573#comments</comments>
		<pubDate>Tue, 15 May 2012 03:41:42 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress插件]]></category>
		<category><![CDATA[缓存]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1573</guid>
		<description><![CDATA[Super Cache 太复杂。再者小博客也用不着全部静态化。WordPress Object Cache 是将耗时查询或者运算结果存储到缓存文件中，这样的好处显而易见，就是数据库的查询次数大大降低，访客打开页面的速度也就随之提升。如何开启它： 1.PHP 需要安装 Memcached 扩展，一般专业的WordPress主机都有安装； 2.编辑 wp-config.php 文件，添加如下代码： define(‘ENABLE_CACHE’, true); 3.在空间上新建 /wp-content/cache 目录，权限改为 777； 4.下载 object-cache.php 文件，解压后上传至 /wp-content 目录。 OK，操作完成！刷新几次首页，然后看看Cache文件夹里是否生成文件。 开启缓存前可加入以下代码对比查看数据库查询次数 &#60;?php echo get_num_queries(); ?&#62; 最新版的WP Super Cache已经可以傻瓜操作了，非常赞！推荐使用。<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="WordPress无插件代码实现评论回复邮件通知 | 织梦(Dedecms)管理员之家" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D682%26cpage%3D2&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1573">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress无插件代码实现评论回复邮件通知 | 织梦(Dedecms)管理员之家 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="WordPress模板代码帮助手册中文版 | 织梦(Dedecms)管理员之家" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D1235%26cpage%3D1&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1573">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress模板代码帮助手册中文版 | 织梦(Dedecms)管理员之家 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="WordPress固定链接设置的几种方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1574&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1573">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress固定链接设置的几种方法</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="WordPress插件：TranslateThis Button，轻松实现多语言版本" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F191&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1573">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/08/24/24730580.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress插件：TranslateThis Button，轻松实现多语言版本</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="推荐几款常用WordPress插件采集篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1364&from=http%3A%2F%2Fwww.kekaku.com%2Fwordpress%2F1573">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">推荐几款常用WordPress插件采集篇</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.kekaku.com/wordpress/1573/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>避免常见的6种HTML5错误用法</title>
		<link>http://www.kekaku.com/webdevelop/1571</link>
		<comments>http://www.kekaku.com/webdevelop/1571#comments</comments>
		<pubDate>Tue, 15 May 2012 03:29:39 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1571</guid>
		<description><![CDATA[一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的&#60;section&#62;等价于&#60;div&#62;——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码： &#60;!-- HTML 4-style code --&#62; &#60;div id="wrapper"&#62; &#60;div id="header"&#62; &#60;h1&#62;My super duper page&#60;/h1&#62; Header content &#60;/div&#62; &#60;div id="main"&#62; Page content &#60;/div&#62; &#60;div id="secondary"&#62; Secondary content &#60;/div&#62; &#60;div id="footer"&#62; Footer content &#60;/div&#62; &#60;/div&#62; 而现在在HTML5中，会是这样： &#60;!-- 请不要复制这些代码！这是错误的！ --&#62; &#60;section id="wrapper"&#62; &#60;header&#62; &#60;h1&#62;My super duper page&#60;/h1&#62; &#60;!-- Header content --&#62; &#60;/header&#62; &#60;section id="main"&#62; &#60;!-- Page content [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="關於HTML5這回事- 淺談HTML5" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.mydesy.com%2Fhtml5&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1571">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/08/13/22527008.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">關於HTML5這回事- 淺談HTML5 (@mydesy)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="[HTML5]Google 首頁的電吉他解密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.mydesy.com%2Fhtml5google&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1571">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/08/12/22435209.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[HTML5]Google 首頁的電吉他解密 (@mydesy)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="45个基于HTML5结构的网站案例" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F449&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1571">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/09/12123422.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">45个基于HTML5结构的网站案例</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="20个优秀实用的 CSS3 和 HTML5 工具" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F976&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1571">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2012/02/20/15732040.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">20个优秀实用的 CSS3 和 HTML5 工具</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="改变游戏的20个HTML5网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fresource%2F608%2F&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1571">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/23/12928752.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">改变游戏的20个HTML5网站</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.kekaku.com/webdevelop/1571/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>页面元素垂直、水平居中代码(CSS)</title>
		<link>http://www.kekaku.com/webdevelop/1569</link>
		<comments>http://www.kekaku.com/webdevelop/1569#comments</comments>
		<pubDate>Tue, 15 May 2012 01:54:24 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[代码实例]]></category>
		<category><![CDATA[绝对居中]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1569</guid>
		<description><![CDATA[页面元素绝对居中，可能会经常用到，其实有几种方法可以实现。 可以设定高度和宽度，父节点position设为relative，还有用table来写，当然了，使用table是最方便的办法。 1.设定宽度和高度，父节点为 position:relative; CSS是这样写的: position:absolute;left:50%;top:50%; margin-left:-元素自身宽度的一半; margin-top:-元素自身高度的一半; 2.table, 用起来就更简单了, 只要添加: text-algin:center; vertical-align:middle; 3.提供模板化的CSS class方法, 规则如下: &#60;div class=&#34;sl-hvalign&#34; style=&#34;width:500px&#34;&#62; &#60;!-- 记得加宽度, 不要写行内样式, 这里只是一个提示 --&#62; &#60;div class=&#34;sl-hvalign-cnt&#34;&#62; &#60;div class=&#34;sl-hvalign-cnt-inner&#34;&#62; &#60;!-- your code --&#62; &#60;/div&#62; &#60;/div&#62; &#60;/div&#62; &#60;!-- .sl-hvalign --&#62; CSS如下： .sl-hvalign&#123; display:table; overflow:hidden; margin:0 auto; height: 100%; *position:relative; &#125; &#160; .sl-hvalign-cnt&#123; display:table-cell; vertical-align: middle; *position:absolute; top:50%; [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="O 讓Adobe來告訴你CSS3跟HTML5有多酷" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.mydesy.com%2Fadobe-css3-html5&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1569">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/09/09/29602205.png" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">O 讓Adobe來告訴你CSS3跟HTML5有多酷 (@mydesy)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="[工具]15種CSS與HTML語法產生器" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.mydesy.com%2F15-css-html-tools&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1569">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/06/17/12830766.png" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[工具]15種CSS與HTML語法產生器 (@mydesy)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="50+优秀的CSS3技巧以及设计教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fresource%2F790&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1569">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2012/01/13/13896923.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">50+优秀的CSS3技巧以及设计教程</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="23个优秀的HTML5/CSS3教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fresource%2F606%2F&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1569">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/22/12900627.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">23个优秀的HTML5/CSS3教程</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="避免常见的6种HTML5错误用法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1571&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1569">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2012/05/15/26340142.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">避免常见的6种HTML5错误用法</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.kekaku.com/webdevelop/1569/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>自适应网页设计（Responsive Web Design）</title>
		<link>http://www.kekaku.com/webdevelop/1561</link>
		<comments>http://www.kekaku.com/webdevelop/1561#comments</comments>
		<pubDate>Wed, 02 May 2012 07:16:34 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[响应式]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1561</guid>
		<description><![CDATA[随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。 很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。 于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）？ 一、”自适应网页设计”的概念 2010年，Ethan Marcotte提出了“自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。 如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。 如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部。 如果屏幕宽度在400像素以下，则6张图片分成三行。 mediaqueri.es上面有更多这样的例子。 这里还有一个测试小工具，可以在一张网页上，同时显示不同分辨率屏幕的测试效果，我推荐安装。 二、允许网页宽度自动调整 “自适应网页设计”到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 　　&#60;meta name="viewport" content="width=device-width, initial-scale=1" /&#62; viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。 所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。 　　&#60;!--[if lt IE 9]&#62; 　　　　&#60;script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"&#62;&#60;/script&#62; 　　&#60;![endif]--&#62; 三、不使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。 具体说，CSS代码不能指定像素宽度： 　　width:xxx px; 只能指定百分比宽度： 　　width: xx%; 或者 　　width:auto; 四、相对大小的字体 字体也不能使用绝对大小（px），而只能使用相对大小（em）。 　　body { 　　　　font: normal 100% Helvetica, Arial, sans-serif; [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" 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.dedeadmin.com%2F%3Fp%3D318&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1561">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网站需要注重两大方面的设计 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="初入电商动漫周边产品行业SEO" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D3223&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1561">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">初入电商动漫周边产品行业SEO (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="网页设计的10大技巧" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F212%2F&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1561">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/08/01/20402688.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网页设计的10大技巧</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !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.kekaku.com%2Fwebdesign%2F11&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1561">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/08/20/23688160.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为网页设计创建有效的配色方案</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="2012年Web设计趋势(from flashuser)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F508&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1561">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/15/12367361.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">2012年Web设计趋势(from flashuser)</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.kekaku.com/webdevelop/1561/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>关于图片、相册的jQuery插件代码实例</title>
		<link>http://www.kekaku.com/weibo/1498</link>
		<comments>http://www.kekaku.com/weibo/1498#comments</comments>
		<pubDate>Sun, 22 Apr 2012 12:51:32 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[那些微博]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery插件]]></category>
		<category><![CDATA[代码实例]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1498</guid>
		<description><![CDATA[jQuery想必大部分前端er都知道甚至很熟悉了，网上有数以万计的优秀的jQuery插件以及教程，今天手机了一些关于图片、相册的jQuery插件代码，希望会对你有所帮助。 1. 3D Gallery 2. Circular Discography 3. Pikachoose 4. Yox View 5. Tonic Gallery 6. Polaroid 7. Simple Jquery Fullscreen Image Gallery 8. Post card Viewer 9. polaroid photo bar 10. Shine Time 11. TN3 Gallery 12. Galleria 13. 3D Wall Gallery 14. Coffee Script 15. Slider 16. Vertical Slide widget 17. Top League [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="波蘭細膩插畫家 Michal Dziekan 新作" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.mydesy.com%2Fmichal-dziekan&from=http%3A%2F%2Fwww.kekaku.com%2Fweibo%2F1498">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2012/05/15/26344026.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">波蘭細膩插畫家 Michal Dziekan 新作 (@mydesy)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="织梦DedeCMS V5.7代码高亮实现方法 | 织梦(Dedecms)管理员之家" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D2833%26cpage%3D1&from=http%3A%2F%2Fwww.kekaku.com%2Fweibo%2F1498">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/10/13/9080180.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCMS V5.7代码高亮实现方法 | 织梦(Dedecms)管理员之家 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="13个实用的jQuery插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fresource%2F214%2F&from=http%3A%2F%2Fwww.kekaku.com%2Fweibo%2F1498">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/07/30/19877271.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">13个实用的jQuery插件</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="31个免费的jQuery相册相关插件及实例" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fresource%2F180%2F&from=http%3A%2F%2Fwww.kekaku.com%2Fweibo%2F1498">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/09/08/29196772.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">31个免费的jQuery相册相关插件及实例</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="JQuery DOM加载与事件执行" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1372&from=http%3A%2F%2Fwww.kekaku.com%2Fweibo%2F1498">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2012/03/20/17696068.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JQuery DOM加载与事件执行</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.kekaku.com/weibo/1498/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>20个个性的页脚设计的网站实例</title>
		<link>http://www.kekaku.com/webdesign/1495</link>
		<comments>http://www.kekaku.com/webdesign/1495#comments</comments>
		<pubDate>Mon, 09 Apr 2012 01:52:19 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[Web设计]]></category>
		<category><![CDATA[网站设计]]></category>
		<category><![CDATA[设计欣赏]]></category>
		<category><![CDATA[页脚]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1495</guid>
		<description><![CDATA[如今的Web设计越来越流行比较大的一些页脚，这些页脚设计一般被用作网站的一些延伸导航、搜索、相关的主题、友链等等。优秀的页脚设计可以为页面加分不少哦，下面是20个个性的页脚设计的网站实例，欢迎品尝。 Seyart Design WeNew Media Stand &#38; Ea Magnifica Grzegorz Kozak Groovy Web Design me &#38; oli Urban Pie Twither Duplos by Ricardo Mestre Bristol Archive Records Talisman Graduate Talent Pool Mom &#38; Popcorn The Pixel BimbiSicuramente Mike Dascola Blue Engineering Gardener &#38; Marks InfinVision James Garner Source:Designmodo<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" 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.dedeadmin.com%2F%3Fp%3D318&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F1495">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网站需要注重两大方面的设计 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="网站需要注重两大方面的设计 | 织梦(Dedecms)管理员之家" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D318%26cpage%3D1&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F1495">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网站需要注重两大方面的设计 | 织梦(Dedecms)管理员之家 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="25个富有个性且有趣的网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F27%2F&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F1495">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/09/14/30836148.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">25个富有个性且有趣的网站</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="15个优秀的红色网站设计作品欣赏" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F210&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F1495">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/08/02/20546906.png" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">15个优秀的红色网站设计作品欣赏</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="35+黑色系的网站设计作品欣赏" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F205&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdesign%2F1495">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/10/12164582.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">35+黑色系的网站设计作品欣赏</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.kekaku.com/webdesign/1495/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery hover()、toggle()方法&#8211;DOM事件合成</title>
		<link>http://www.kekaku.com/webdevelop/1491</link>
		<comments>http://www.kekaku.com/webdevelop/1491#comments</comments>
		<pubDate>Thu, 22 Mar 2012 14:15:44 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery教程]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1491</guid>
		<description><![CDATA[jQuery有两个合成事件——hover()方法和toggle()方法，类似前面讲过的ready()方法，hover()方法和toggle()方法都属于jQuery自定义的方法。 hover()方法 hover()方法的语法结构为： hover(enter,leave); hover()方法用于模拟光标悬停事件。当光标移动到元素上时，会触发指定的第1个函数(enter);当光标移出这个元素时，会触发指定的第2个函数(leave)。 代码为： $&#40;function&#40;&#41;&#123; $&#40;&#34;#panel h5.head&#34;&#41;.hover&#40;function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.show&#40;&#41;; &#125;,function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.hide&#40;&#41;; &#125;&#41; &#125;&#41; 代码运行后的效果与下面代码运行后的效果是一样的。当光标滑过“标题”链接时，相应的“内容”将被显示；当光标滑出“标题”链接后，相应的“内容”则被隐藏。 $&#40;function&#40;&#41;&#123; $&#40;&#34;#panel h5.head&#34;&#41;.mouseover&#40;function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#34;div.content&#34;&#41;.show&#40;&#41;; &#125;&#41;; $&#40;&#34;#panel h5.head&#34;&#41;.mouseover&#40;function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#34;div.content&#34;&#41;.hide&#40;&#41;; &#125;&#41; &#125;&#41;; 注意： CSS中有伪类选择符，例如“:hover”，当用户光标悬停在元素上时，会改变元素的外观。在大多数符合规范的浏览器中，伪类选择符可以用于任何元素。然而在IE 6浏览器中，伪类选择符仅可用于超链接元素。对于其他元素，可以使用jQuery的hover()方法。 hover()方法准确来说是替代jQuery中的bind(“mouseenter”)和bind(“mouseleave”)，而不是替代bind(“mouseover”)和bind(“mouseout”)。因此当需要触发hover()方法的第2个函数时，需要用trigger(“mouseleave”)来触发，而不是trigger(“mouseout”)。 toggle()方法 toggle()方法的语法结构为：toggle(fnl, fn2, &#8230;fnN); toggle()方法用于模拟鼠标连续单击事件。第1次单击元素，触发指定的第1个函数(fn1)；当再次单击同一元素时，则触发指定的第2个函数(fh2)；如果有更多函数，则依次触发，直到最后一个。随后的每次单击都重复对这几个函数的轮番调用。 在前面的加强效果的例子中，使用了以下jQuery代码： $&#40;function&#40;&#41;&#123; $&#40;&#34;#panel h5.head&#34;&#41;.toggle&#40;function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.show&#40;&#41;; &#125;,function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.hide&#40;&#41;; &#125;&#41; &#125;&#41; 通过使用toggle()方法不仅实现了同样的效果，同时也简化了代码。 toggle()方法在jQuery中还有另外一个作用：切换元素的可见状态。如果元素是可见的，单击切换后则为隐藏；如果元素是隐藏的，单击切换后则为可见的。因此上面的代码还可以写成如下jQuery代码： $&#40;function&#40;&#41;&#123; $&#40;&#34;#panel h5.head&#34;&#41;.toggle&#40;function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.toggle&#40;&#41;; &#125;,function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.toggle&#40;&#41;; &#125;&#41; &#125;&#41; 为了能有更好的用户体验，现在需要在用户单击“标题”链接后，不仅显示“内容”，而且高亮显示“标题”。代码为： $&#40;function&#40;&#41;&#123; [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="织梦DedeCms应用&amp;开发调试手册 v1.0.0" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D1490&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1491">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/02/14/2709384.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCms应用&amp;开发调试手册 v1.0.0 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="织梦DedeCms应用&amp;开发调试手册 v1.0.0 | 织梦(Dedecms)管理员之家" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D1490%26cpage%3D1&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1491">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/02/14/2709384.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCms应用&amp;开发调试手册 v1.0.0 | 织梦(Dedecms)管理员之家 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="JQuery bind()--DOM 事件绑定" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1490&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1491">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JQuery bind()--DOM 事件绑定</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="基于 jQuery 的图片/文字无缝滚动" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1371&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1491">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">基于 jQuery 的图片/文字无缝滚动</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="JQuery鼠标移到小图显示大图效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1365&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1491">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JQuery鼠标移到小图显示大图效果</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.kekaku.com/webdevelop/1491/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>JQuery bind()&#8211;DOM 事件绑定</title>
		<link>http://www.kekaku.com/webdevelop/1490</link>
		<comments>http://www.kekaku.com/webdevelop/1490#comments</comments>
		<pubDate>Thu, 22 Mar 2012 12:58:43 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1490</guid>
		<description><![CDATA[jQuery的bind()方法主要用于为元素绑定事件。在文档加载完成后，如果打算为元素绑定事件来完成某些操作，则可以使用bind()方法来对匹配元素进行特定事件的绑定，bind()方法的调用格式为： bind&#40; type &#91;, data&#93; , fn&#41;; bind()方法有3个参数，说明如下。 第1个参数是事件类型，类型包括：blur、focus、load、resize、scroll、unload、click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup和error等，当然也可以是自定义名称。 第2个参数为可选参数，作为event.data属性值传递给事件对象的额外数据对象。 第3个参数则是用来绑定的处理函数。 可以发现，jQuery中的事件绑定类型比普通的JavaScript事件绑定类型少了“on”。例如鼠标单击事件在jQuer中对应的是click事件，而在JavaScript中对应的是onclick()函数。 下面通过一个示例来了解bind()方法的用法。一个单击标题显示内容的效果。 按照需求，需要完成以下几个步骤。 等待DOM加载完毕。 找到“标题”所在的元素，绑定click事件。 找到“内容”元素，将“内容”元素显示。 $&#40;function&#40;&#41;&#123; $&#40;&#34;#panel h5.head&#34;&#41;.bind&#40;&#34;click&#34;,function&#40;&#41;&#123; var $content = $&#40;this&#41;.next&#40;&#41;; if&#40;$content.is&#40;&#34;:visible&#34;&#41;&#41;&#123; $content.hide&#40;&#41;; &#125;else&#123; $content.show&#40;&#41;; &#125; &#125;&#41; &#125;&#41; 与ready()方法一样，bind()方法也可以多次调用。 上面jQuery代码中有一个关键字this，与在JavaScript中的作用一样，this引用的是携带相应行为的DOM元素。为了使该DOM元素能够使用jQuery中的方法，可以使用$(this)将其转换为jQuery对象。 为了判断元素是否显示，可以使用jQuery中的is()方法来完成。在代码中，发现$(this).next(“div.content”)被多次使用，因此可以为它定义一个局部变量：$content。 上面的例子中，给元素绑定的事件类型是click，当用户单击的时候会触发绑定的事件，然后执行事件的函数代码。现在把事件类型换成mouseover和mouseout，即当光标滑过的时候，就触发事件。需要进行以下几步操作。 等待DOM加载完毕。 找到“标题”所在的元素，绑定mouseover事件。 找到“内容”元素，显示“内容”。 找到“标题”所在的元素，绑定mouseout事件。 找到“内容”元素，隐藏“内容”。 代码运行后，当光标滑过“标题”链接后，相应的“内容”将被显示。当光标滑出“标题”链接后，相应的“内容”则被隐藏。 $&#40;function&#40;&#41;&#123; $&#40;&#34;#panel h5.head&#34;&#41;.bind&#40;&#34;mouseover&#34;,function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.show&#40;&#41;; &#125;&#41;; $&#40;&#34;#panel h5.head&#34;&#41;.bind&#40;&#34;mouseout&#34;,function&#40;&#41;&#123; $&#40;this&#41;.next&#40;&#41;.hide&#40;&#41;; &#125;&#41; &#125;&#41; 在上面几个例子中，分别用bind()方法给“标题”绑定了click事件、mouseover事件和mouseout事件，绑定方法都一样。除此之外，bind0方法还能绑定其他所有的JavaScript事件。 像click、mouseover和mouseout这类事件，在程序中经常会使用到，jQuery为此也提供了一套简写的方法。简写方法和bind()方法的使用类似，实现的效果也相同，惟一的区别是能够减少代码量。 例如把上面的例子改写成使用简写绑定事件的方式，代码如下： $&#40;function&#40;&#41;&#123; [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="织梦DedeCms应用&amp;开发调试手册 v1.0.0 | 织梦(Dedecms)管理员之家" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D1490%26cpage%3D1&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1490">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/02/14/2709384.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCms应用&amp;开发调试手册 v1.0.0 | 织梦(Dedecms)管理员之家 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="织梦DedeCms应用&amp;开发调试手册 v1.0.0" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D1490&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1490">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/02/14/2709384.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCms应用&amp;开发调试手册 v1.0.0 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="jQuery hover()、toggle()方法--DOM事件合成" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1491&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1490">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery hover()、toggle()方法--DOM事件合成</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="jQuery中的die()与live()" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F376&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1490">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery中的die()与live()</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="JQuery鼠标移到小图显示大图效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1365&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1490">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JQuery鼠标移到小图显示大图效果</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.kekaku.com/webdevelop/1490/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>8个对Web开发人员有用的网站</title>
		<link>http://www.kekaku.com/webdevelop/1489</link>
		<comments>http://www.kekaku.com/webdevelop/1489#comments</comments>
		<pubDate>Wed, 21 Mar 2012 13:48:23 +0000</pubDate>
		<dc:creator>直觉</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[开发工具]]></category>

		<guid isPermaLink="false">http://www.kekaku.com/?p=1489</guid>
		<description><![CDATA[1. Min.us: 上传图片的最简单方式 任何开发人员、设计师、网络管理员都必须跟客户和同事在线分享图片。Min.us的全部服务就是让你极度简单地上传图片：只需把图片拖拽到Min.us的网页里，图片就会保存在服务器上。并且自动生成短网址，这样你就可以通过这个网站分享图片了。 访问 Min.us 2. Wirify: 把任何网页转换成线框图 设计网站时线框图非常有用。Wirify是一个可以把任何网页立刻转换成线框图的书签工具，这样你就可以学习或应用到自己的工作中。 访问 Wirify 3. CSS Resetr: 查看和比较CSS resets CSS resets是所有样式表的必需品，以在不同的浏览器之间渲染。2004年以来，已经发布了许多不同的CSS resets。那么，哪个才是最适合你的项目的呢？CSS Resetr可以让你比较最流行的resets对同一个网页的渲染效果。 访问 CSS Resetr 4. Head JS: 用2.30 kb的Javascript代码来提速你的网站 Head JS是一段简单、轻量的脚本代码，通过像加载图片一样加载其他脚本，让你的网站更快。Head JS能做许多工作使你的网站变得现代化：支持CSS3、动态CSS等等。 访问 Head js 5. Copy Paste Character: 轻松使用特殊字符 特殊字符处理起来很麻烦，因为键盘上没有，而且你不知道对应的ASCII码。当然，你可以找一份ASCII码表放在桌面上，或者使用一个叫做Copy Paste Character的服务：只需点击所选字符，就可以复制到你的剪贴板。 访问 Copy Paste Character 6. DB Designr: 在线生成数据库模式 这是一个非常棒的简单在线生成数据库模式的工具。无需创建账户，你可以用你的Google账户登入。 访问 DB Designr [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1" color="#555555" style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="织梦DedeCms应用&amp;开发调试手册 v1.0.0" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D1490&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1489">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/02/14/2709384.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCms应用&amp;开发调试手册 v1.0.0 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="织梦DedeCms站点应用程序开发基本步骤" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.dedeadmin.com%2F%3Fp%3D1542&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1489">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://www.dedeadmin.com/wp-content/blogwumi.gif" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">织梦DedeCms站点应用程序开发基本步骤 (@dedeadmin)</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="推荐12款可用于前端开发的免费文本编辑器" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fresource%2F527&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1489">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/16/12447371.png" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">推荐12款可用于前端开发的免费文本编辑器</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="25个浏览器开发工具的秘密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fresource%2F256&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1489">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2011/12/12/12264788.png" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">25个浏览器开发工具的秘密</font>
                    </a>
                </td>
                <td width="110" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #cccccc !important;">
                    <a target="_blank" title="避免常见的6种HTML5错误用法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1571&from=http%3A%2F%2Fwww.kekaku.com%2Fwebdevelop%2F1489">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #cccccc !important; width: 104px !important; height: 104px !important;" src="http://static.wumii.com/site_images/2012/05/15/26340142.jpg" width="104px" height="104px" /><br />
                        <font size="-1" color="#666" style="display: block !important; line-height: 15px !important; width: 110px !important; font: 12px/15px arial !important; height: 75px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">避免常见的6种HTML5错误用法</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.kekaku.com/webdevelop/1489/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 8.091 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-05-16 06:01:10 -->

