<?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>IM502的博客 &#187; 前端交互</title>
	<atom:link href="http://www.im502.com/category/interation-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.im502.com</link>
	<description>网站开发技术博客 php js css xml ajax mysql</description>
	<lastBuildDate>Thu, 08 Apr 2010 15:14:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>利用mediaplayer做弹窗（成功突破IE7）</title>
		<link>http://www.im502.com/2010/01/07/mediaplayer-popurl-ie7/</link>
		<comments>http://www.im502.com/2010/01/07/mediaplayer-popurl-ie7/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 06:47:34 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[前端交互]]></category>
		<category><![CDATA[广告]]></category>
		<category><![CDATA[弹窗]]></category>
		<category><![CDATA[退弹]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=268</guid>
		<description><![CDATA[?View Code JAVASCRIPTvar u = &#34;6BF52A52-394A-11D3-B153-00C04F79FAA6&#34;; //这个就是网页中插入播放器用到的classid，这里被用来弹窗了 function ext&#40;&#41; //在关闭IE窗口的时候弹出 &#123; if&#40;window.event.clientY&#3... ]]></description>
		<wfw:commentRss>http://www.im502.com/2010/01/07/mediaplayer-popurl-ie7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery操作select的一些方法总结</title>
		<link>http://www.im502.com/2009/11/29/jquery-select-option/</link>
		<comments>http://www.im502.com/2009/11/29/jquery-select-option/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 15:25:20 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[append]]></category>
		<category><![CDATA[option]]></category>
		<category><![CDATA[select]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=245</guid>
		<description><![CDATA[//取得下拉选单的文本TEXT值 $(&#8216;#testSelect option:selected&#8217;).text(); 或$(&#8220;#testSelect&#8221;).find(&#8216;option:selected&#8217;).text(); $(&#8220;#selectid>option[value='2']&#8220;).text();//获取ID为selectid的下拉框中... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/11/29/jquery-select-option/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6个免费英文字体下载网站</title>
		<link>http://www.im502.com/2009/11/21/6-free-fonts-download-website/</link>
		<comments>http://www.im502.com/2009/11/21/6-free-fonts-download-website/#comments</comments>
		<pubDate>Sat, 21 Nov 2009 14:49:25 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[字体]]></category>
		<category><![CDATA[英文字体]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=230</guid>
		<description><![CDATA[英文字体的设计相对中文要简单许多，毕竟只有26个字母而已，所以很多英文网站都有自己的字体，如最著名的雅虎、谷歌、可口可乐等公司，本文提到的这些字体下载网站都是免费下载的，Enj... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/11/21/6-free-fonts-download-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4种方法消除超链接点击虚线框</title>
		<link>http://www.im502.com/2009/11/11/outline-ie-hack/</link>
		<comments>http://www.im502.com/2009/11/11/outline-ie-hack/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 08:08:39 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[(X)html+CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[outline]]></category>
		<category><![CDATA[虚线]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=210</guid>
		<description><![CDATA[在网页中凡是添加了超级链接的对象，不管是文字还是图片，在点击的时候都会出现一个虚线框，有时候会觉得很影响页面的美观,也许你也和502一样有这样的困扰，也许你的boss也是个完美主义... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/11/11/outline-ie-hack/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>21个实用的网页设计资源站</title>
		<link>http://www.im502.com/2009/11/10/21-web-design-resource/</link>
		<comments>http://www.im502.com/2009/11/10/21-web-design-resource/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 05:16:29 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[模板]]></category>
		<category><![CDATA[素材]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[资源]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=206</guid>
		<description><![CDATA[就算是一流的网页设计师也会借鉴别人的作品，何况是我们这些菜鸟呢，所以收藏夹里有很多优秀的设计资源站点，我们往往可以从别人的设计作品处得到灵感。下面是502收藏的几个资源站，... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/11/10/21-web-design-resource/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>国庆网页背景图4张</title>
		<link>http://www.im502.com/2009/09/28/guoqing-beijingtu-pic4/</link>
		<comments>http://www.im502.com/2009/09/28/guoqing-beijingtu-pic4/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 07:17:58 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[国庆网页背景]]></category>
		<category><![CDATA[素材]]></category>
		<category><![CDATA[背景]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=191</guid>
		<description><![CDATA[  国庆网页背景图片       http://www.mb5u.com/uploads/zt/china60/601.jpg http://www.mb5u.com/uploads/zt/china60/602.jpg http://www.mb5u.com/uploads/zt/china60/603.jpg http://www.mb5u.com/uploads/zt/china60/604.jpg 相关日志 21个实用的... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/09/28/guoqing-beijingtu-pic4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[翻译]用CSS3制作超级棒的按钮</title>
		<link>http://www.im502.com/2009/08/26/super-awesome-buttons-with-css3-and-rgba/</link>
		<comments>http://www.im502.com/2009/08/26/super-awesome-buttons-with-css3-and-rgba/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 08:26:00 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[(X)html+CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[rgba]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=171</guid>
		<description><![CDATA[在ZURB看到这些漂亮的按钮，忍不住转载过来，稍加翻译。 我们非常喜欢CSS3，虽然CSS3还没有正式发布，但已经会在一些项目中使用它。在近10年的努力，CSS3终于开始看到了胜利的曙光在Firefox和... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/08/26/super-awesome-buttons-with-css3-and-rgba/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>绝对定位被遮挡了</title>
		<link>http://www.im502.com/2009/07/13/ap-position-relative-absolute-zindex/</link>
		<comments>http://www.im502.com/2009/07/13/ap-position-relative-absolute-zindex/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 06:35:09 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[(X)html+CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[IEBUG]]></category>
		<category><![CDATA[定位]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=165</guid>
		<description><![CDATA[ &#60;div class=”A” style=”position:relative;”&#62;A (relative)  &#60;div class=”logo” style=”position:absolute;z-index:99999;“&#62;&#60;/div&#62; &#60;/div&#62; &#60;div class=”B” style=”position:relative;”&#62;B (relative)&#60... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/07/13/ap-position-relative-absolute-zindex/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery拾色插件</title>
		<link>http://www.im502.com/2009/06/20/jquery-color-picker/</link>
		<comments>http://www.im502.com/2009/06/20/jquery-color-picker/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 00:55:55 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[colorpicker]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=155</guid>
		<description><![CDATA[Jquery的颜色插件很多，今天推荐的一款是一个非常简洁的小插件：http://www.syronex.com/software/jquery-color-picker ， Usage Minimal $('#test').colorPicker({ click: function(color){$('#output').html(c);} });   Options $('#test')... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/06/20/jquery-color-picker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一些漂亮的表格CSS设计</title>
		<link>http://www.im502.com/2009/06/19/beautiful-table-css-design/</link>
		<comments>http://www.im502.com/2009/06/19/beautiful-table-css-design/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 04:26:59 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[(X)html+CSS]]></category>
		<category><![CDATA[free css templates]]></category>
		<category><![CDATA[table style]]></category>
		<category><![CDATA[tables css]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=152</guid>
		<description><![CDATA[无意间发现这么个网站，上面有许多网友设计的表格样式，如果你没有时间去设计表格的css那你可以直接在这里选择一个适合你的设计并下载css样式表文件，预览的方法很简单，点击表格第一... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/06/19/beautiful-table-css-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery与Mootools共存冲突</title>
		<link>http://www.im502.com/2009/05/13/jquery-mootools-conflict/</link>
		<comments>http://www.im502.com/2009/05/13/jquery-mootools-conflict/#comments</comments>
		<pubDate>Wed, 13 May 2009 04:52:05 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Mootools]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=143</guid>
		<description><![CDATA[今天在弄一个焦点图幻灯片的时候，代码用到mootools，可本来项目中用的是Jquery，造成了冲突，记得看到过类似的文章，遇事Google一下，果然有不少方法： 方法一： ?View Code HTML&#60;html&#62; &#60;he... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/05/13/jquery-mootools-conflict/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>open-flash-chart参数对照表</title>
		<link>http://www.im502.com/2009/02/19/open-flash-chart-parameters/</link>
		<comments>http://www.im502.com/2009/02/19/open-flash-chart-parameters/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 01:37:47 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[OFC]]></category>
		<category><![CDATA[ofc]]></category>
		<category><![CDATA[parameters]]></category>
		<category><![CDATA[图表参数]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=115</guid>
		<description><![CDATA[元素/属性 形状或作用 参数1 参数2 参数3 参数4 参数5 参数6 title 显示图表主题（最上方） 主题名称 样式style         x_legend X坐标说明（最下方, 与X轴平行） 说明信息 字体大小 字体颜色     ... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/02/19/open-flash-chart-parameters/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>open flash chart应用-投票</title>
		<link>http://www.im502.com/2009/02/18/open-flash-chart2-application-vote/</link>
		<comments>http://www.im502.com/2009/02/18/open-flash-chart2-application-vote/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 08:14:53 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[ofc]]></category>
		<category><![CDATA[OFC2]]></category>
		<category><![CDATA[vote]]></category>
		<category><![CDATA[图表]]></category>
		<category><![CDATA[投票]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=108</guid>
		<description><![CDATA[先看演示：DEMO 闲来没事，用ofc搞了一个投票小程序，进一步巩固一下ofc和jquery，试验一下ofc里加入onclick时间的效果，果然很好用，而且调用js的功能函数相当方便，只需在json数据里加入“&#822... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/02/18/open-flash-chart2-application-vote/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>open-flash-chart系列教程(7)–PHP类库的用法</title>
		<link>http://www.im502.com/2009/01/17/open-flash-chart-tutorial7-phpclass/</link>
		<comments>http://www.im502.com/2009/01/17/open-flash-chart-tutorial7-phpclass/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 07:24:40 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[OFC]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[图表]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=103</guid>
		<description><![CDATA[例子如下： require_once('includes/open-flash-chart2/php-ofc-library/open-flash-chart.php'); $tmpx = array();//x轴标签的数组 $tmpy = array();//从数据库查询得到y轴数据的数组  $title = new title( '年销售统计图表' );     $... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/01/17/open-flash-chart-tutorial7-phpclass/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>open-flash-chart系列教程(6)–饼图</title>
		<link>http://www.im502.com/2009/01/16/open-flash-chart-tutorial6-pie/</link>
		<comments>http://www.im502.com/2009/01/16/open-flash-chart-tutorial6-pie/#comments</comments>
		<pubDate>Fri, 16 Jan 2009 07:02:13 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[OFC]]></category>
		<category><![CDATA[图表]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=101</guid>
		<description><![CDATA[查看源文件可以打开data-files里的文件查看json格式。另外官方还有很多别的演示数据，可以自己下载下来研究，下节开始讲如何通过php的类来生成数据。 相关日志 open-flash-chart系列教程(7)–PHP类... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/01/16/open-flash-chart-tutorial6-pie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>open-flash-chart系列教程(5)–线图</title>
		<link>http://www.im502.com/2009/01/15/open-flash-chart-tutorial5-line/</link>
		<comments>http://www.im502.com/2009/01/15/open-flash-chart-tutorial5-line/#comments</comments>
		<pubDate>Thu, 15 Jan 2009 08:03:25 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[OFC]]></category>
		<category><![CDATA[ofc]]></category>
		<category><![CDATA[图表]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=91</guid>
		<description><![CDATA[查看源文件可以打开data-files里的文件查看json格式。 相关日志 open-flash-chart参数对照表 open flash chart应用-投票 open-flash-chart系列教程(7)–PHP类库的用法 open-flash-chart系列教程(6)–饼图 open-flash-chart... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/01/15/open-flash-chart-tutorial5-line/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>open-flash-chart系列教程(4)&#8211;柱形图</title>
		<link>http://www.im502.com/2009/01/15/open-flash-chart-tutorial-bar/</link>
		<comments>http://www.im502.com/2009/01/15/open-flash-chart-tutorial-bar/#comments</comments>
		<pubDate>Thu, 15 Jan 2009 02:43:44 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[OFC]]></category>
		<category><![CDATA[OFC2]]></category>
		<category><![CDATA[图表]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=83</guid>
		<description><![CDATA[查看源文件可以打开data-files里的文件查看json格式。 相关日志 open flash chart2系列教程(3)&#8211;json open flash chart应用-投票 open-flash-chart系列教程(7)–PHP类库的用法 open-flash-chart系列教程(6)–饼图 open... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/01/15/open-flash-chart-tutorial-bar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>open flash chart2系列教程(3)&#8211;json</title>
		<link>http://www.im502.com/2009/01/14/open-flash-chart-tutorial3-json/</link>
		<comments>http://www.im502.com/2009/01/14/open-flash-chart-tutorial3-json/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 09:20:38 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[OFC]]></category>
		<category><![CDATA[OFC2]]></category>
		<category><![CDATA[图表]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=81</guid>
		<description><![CDATA[前面俩节讲了open flash chart的基本调用方法，下来开始我们来详细的通过实例来分析OFC的参数设置。 首先今天要讲的是json数据格式所代表的意义，做了下简单的注释，英文不好的同学可以找翻... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/01/14/open-flash-chart-tutorial3-json/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>open-flash-chart2系列教程(2)</title>
		<link>http://www.im502.com/2009/01/13/open-flash-chart2-tutorial2/</link>
		<comments>http://www.im502.com/2009/01/13/open-flash-chart2-tutorial2/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 03:29:54 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[flash图表]]></category>
		<category><![CDATA[OFC]]></category>
		<category><![CDATA[开源图表]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=77</guid>
		<description><![CDATA[上一节提到open-flash-chart2的数据是通过存储在txt文件中，然后通过类似那个http://yoururl/chart.html?ofc=datafile.txt 这样的形式来加载不同的数据，当然ofc后面的参数可以是php文件，php类库的使用将在... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/01/13/open-flash-chart2-tutorial2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>open-flash-chart2系列教程(1)</title>
		<link>http://www.im502.com/2009/01/12/open-flash-chart2-tutorial1/</link>
		<comments>http://www.im502.com/2009/01/12/open-flash-chart2-tutorial1/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 03:16:30 +0000</pubDate>
		<dc:creator>im502</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[chart]]></category>
		<category><![CDATA[OFC2]]></category>
		<category><![CDATA[免费]]></category>
		<category><![CDATA[图表]]></category>
		<category><![CDATA[开源]]></category>

		<guid isPermaLink="false">http://www.im502.com/?p=65</guid>
		<description><![CDATA[年底了，公司要统计销售数据，于是就找了几个开源免费的chart程序来研究，PHP/SWF Charts 和 FusionCharts Free，不过最终还是选择了Open Flash Char，官方提供了很多实例，而做订单的销售统计并不需要... ]]></description>
		<wfw:commentRss>http://www.im502.com/2009/01/12/open-flash-chart2-tutorial1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->