<?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>web标准学习—小辉博客 &#187; jquery</title>
	<atom:link href="http://www.xh-css.cn/category/jquery%e6%8f%92%e4%bb%b6/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.xh-css.cn</link>
	<description>落草为code—学习交流web标准的知识和经验</description>
	<lastBuildDate>Sat, 21 Jan 2012 02:38:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://www.xh-css.cn/?pushpress=hub'/>
		<item>
		<title>三种比较常用的“图片滑动效果”js</title>
		<link>http://www.xh-css.cn/2012/01/20/%e4%b8%89%e7%a7%8d%e6%af%94%e8%be%83%e5%b8%b8%e7%94%a8%e7%9a%84%e2%80%9c%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e2%80%9djs/</link>
		<comments>http://www.xh-css.cn/2012/01/20/%e4%b8%89%e7%a7%8d%e6%af%94%e8%be%83%e5%b8%b8%e7%94%a8%e7%9a%84%e2%80%9c%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e2%80%9djs/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 09:15:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[三种比较常用的“图片滑动效果”js]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=729</guid>
		<description><![CDATA[图片滑动效果，滑动效果在页面上可以说是用的最普遍的一个效果，但是有时候为了这个效果需要引人一个js插件，感觉有些浪费，所以就动手写了个，但是没有封装成插件，放上来和大家一起分享下，好了不多说了下面直接上例子：
横向切换效果（图片太烂，见谅）
[runcode height="245"][......]<p class='read-more'><a href='http://www.xh-css.cn/2012/01/20/%e4%b8%89%e7%a7%8d%e6%af%94%e8%be%83%e5%b8%b8%e7%94%a8%e7%9a%84%e2%80%9c%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e2%80%9djs/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2012/01/20/%e4%b8%89%e7%a7%8d%e6%af%94%e8%be%83%e5%b8%b8%e7%94%a8%e7%9a%84%e2%80%9c%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e2%80%9djs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>获取iframe引人的页面高度</title>
		<link>http://www.xh-css.cn/2011/12/30/%e8%8e%b7%e5%8f%96iframe%e5%bc%95%e4%ba%ba%e7%9a%84%e9%a1%b5%e9%9d%a2%e9%ab%98%e5%ba%a6/</link>
		<comments>http://www.xh-css.cn/2011/12/30/%e8%8e%b7%e5%8f%96iframe%e5%bc%95%e4%ba%ba%e7%9a%84%e9%a1%b5%e9%9d%a2%e9%ab%98%e5%ba%a6/#comments</comments>
		<pubDate>Fri, 30 Dec 2011 09:41:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[获取iframe引人的页面高度]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=725</guid>
		<description><![CDATA[写这个只是记录下我郁闷了半天的chrome下不成功的问题，其实这个问题你在搜索引擎中随便一搜就可以看到许多的相关资料，有两个知识点一个是浏览器都支持的contentWindow属性，另一个则是firefox等支持的好像ie高版本也支持，反正67不支持的contentDocument属性，conten[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/12/30/%e8%8e%b7%e5%8f%96iframe%e5%bc%95%e4%ba%ba%e7%9a%84%e9%a1%b5%e9%9d%a2%e9%ab%98%e5%ba%a6/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/12/30/%e8%8e%b7%e5%8f%96iframe%e5%bc%95%e4%ba%ba%e7%9a%84%e9%a1%b5%e9%9d%a2%e9%ab%98%e5%ba%a6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>点击显示弹层，点击别处隐藏弹出</title>
		<link>http://www.xh-css.cn/2011/12/13/%e7%82%b9%e5%87%bb%e6%98%be%e7%a4%ba%e5%bc%b9%e5%b1%82%ef%bc%8c%e7%82%b9%e5%87%bb%e5%88%ab%e5%a4%84%e9%9a%90%e8%97%8f%e5%bc%b9%e5%87%ba/</link>
		<comments>http://www.xh-css.cn/2011/12/13/%e7%82%b9%e5%87%bb%e6%98%be%e7%a4%ba%e5%bc%b9%e5%b1%82%ef%bc%8c%e7%82%b9%e5%87%bb%e5%88%ab%e5%a4%84%e9%9a%90%e8%97%8f%e5%bc%b9%e5%87%ba/#comments</comments>
		<pubDate>Tue, 13 Dec 2011 11:07:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[点击显示弹层，点击别处隐藏弹出]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=721</guid>
		<description><![CDATA[蓝色看到坛友在问这个问题就着手写了一个，期间看到一个兄弟使用了tabindex="-1"让我想起了以前确实用这个解决了很多的问题，比如点击按钮定位到某个位置，以前可能说添加一个锚点，现在使用tabindex就可以。多余的话就不多说了，还是说下咱们今天要说的话题，这个问题的难点就在于如何实现点击其他的[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/12/13/%e7%82%b9%e5%87%bb%e6%98%be%e7%a4%ba%e5%bc%b9%e5%b1%82%ef%bc%8c%e7%82%b9%e5%87%bb%e5%88%ab%e5%a4%84%e9%9a%90%e8%97%8f%e5%bc%b9%e5%87%ba/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/12/13/%e7%82%b9%e5%87%bb%e6%98%be%e7%a4%ba%e5%bc%b9%e5%b1%82%ef%bc%8c%e7%82%b9%e5%87%bb%e5%88%ab%e5%a4%84%e9%9a%90%e8%97%8f%e5%bc%b9%e5%87%ba/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PIE.htc和swfupload共存时出错</title>
		<link>http://www.xh-css.cn/2011/12/09/pie-htc%e5%92%8cswfupload%e5%85%b1%e5%ad%98%e6%97%b6%e5%87%ba%e9%94%99/</link>
		<comments>http://www.xh-css.cn/2011/12/09/pie-htc%e5%92%8cswfupload%e5%85%b1%e5%ad%98%e6%97%b6%e5%87%ba%e9%94%99/#comments</comments>
		<pubDate>Fri, 09 Dec 2011 09:29:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[PIE.htc和swfupload共存时出错]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=719</guid>
		<description><![CDATA[今天遇到了一个很郁闷的问题，那就是当我使用了PIE.htc的时候ie下圆角效果感觉还是不错的，还没来得及高兴呢？好吗，ie出去ie9外swfupload插件都无法上传图片了，以前是可以的，所以排除法显而易见是PIE.htc导致的，ie下报的错也是很奇怪是：“SCRIPT16389: Failed”并[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/12/09/pie-htc%e5%92%8cswfupload%e5%85%b1%e5%ad%98%e6%97%b6%e5%87%ba%e9%94%99/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/12/09/pie-htc%e5%92%8cswfupload%e5%85%b1%e5%ad%98%e6%97%b6%e5%87%ba%e9%94%99/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>原生js封装的insertAfter()方法</title>
		<link>http://www.xh-css.cn/2011/12/06/%e5%8e%9f%e7%94%9fjs%e5%b0%81%e8%a3%85%e7%9a%84insertafter%e6%96%b9%e6%b3%95/</link>
		<comments>http://www.xh-css.cn/2011/12/06/%e5%8e%9f%e7%94%9fjs%e5%b0%81%e8%a3%85%e7%9a%84insertafter%e6%96%b9%e6%b3%95/#comments</comments>
		<pubDate>Tue, 06 Dec 2011 08:31:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[原生js封装的insertAfter()方法]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=716</guid>
		<description><![CDATA[以前有这样的需求用到insertAfter，基本上就是直接用jquery封装好的，现在学习原生的js，于是就想着自己也封装一个，网上很多关于insertAfter方法的封装，但是我发现都不怎么实用，主要原因是里面用的一些方法也不怎么兼容，比如nextSibling这个原生的js提供的api，取得元素[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/12/06/%e5%8e%9f%e7%94%9fjs%e5%b0%81%e8%a3%85%e7%9a%84insertafter%e6%96%b9%e6%b3%95/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/12/06/%e5%8e%9f%e7%94%9fjs%e5%b0%81%e8%a3%85%e7%9a%84insertafter%e6%96%b9%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Mobile 1.0 Final Released!出来了！</title>
		<link>http://www.xh-css.cn/2011/11/18/jquery-mobile-1-0-final-released%e5%87%ba%e6%9d%a5%e4%ba%86%ef%bc%81/</link>
		<comments>http://www.xh-css.cn/2011/11/18/jquery-mobile-1-0-final-released%e5%87%ba%e6%9d%a5%e4%ba%86%ef%bc%81/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 02:52:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery Mobile 1.0]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=701</guid>
		<description><![CDATA[jQuery Mobile 1.0 Final Released!出来了！[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/11/18/jquery-mobile-1-0-final-released%e5%87%ba%e6%9d%a5%e4%ba%86%ef%bc%81/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/11/18/jquery-mobile-1-0-final-released%e5%87%ba%e6%9d%a5%e4%ba%86%ef%bc%81/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 1.7将HTML5引入IE6-8，实施弃用策略</title>
		<link>http://www.xh-css.cn/2011/11/18/jquery-1-7%e5%b0%86html5%e5%bc%95%e5%85%a5ie6-8%ef%bc%8c%e5%ae%9e%e6%96%bd%e5%bc%83%e7%94%a8%e7%ad%96%e7%95%a5/</link>
		<comments>http://www.xh-css.cn/2011/11/18/jquery-1-7%e5%b0%86html5%e5%bc%95%e5%85%a5ie6-8%ef%bc%8c%e5%ae%9e%e6%96%bd%e5%bc%83%e7%94%a8%e7%ad%96%e7%95%a5/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 01:39:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery 1.7将HTML5引入IE6-8】]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=698</guid>
		<description><![CDATA[jQuery 1.7已于近日<a href="http://blog.jquery.com/2011/11/03/jquery-1-7-released/">发布</a>。新版本做出多项改进，如新的事件API，委托事件的性能更高，对IE6-8的HTML5支持，对AMD规范的支持等等。同时，jQuery还弃用了某些特性，以使jQuery保持精简。

以下是jQuery 1.7中一些让人感兴趣的<a href="http://api.jquery.com/category/version/1.7/">新特性</a>：
<ul>
	<li>
新的统一的事件AP[......]</li></ul><p class='read-more'><a href='http://www.xh-css.cn/2011/11/18/jquery-1-7%e5%b0%86html5%e5%bc%95%e5%85%a5ie6-8%ef%bc%8c%e5%ae%9e%e6%96%bd%e5%bc%83%e7%94%a8%e7%ad%96%e7%95%a5/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/11/18/jquery-1-7%e5%b0%86html5%e5%bc%95%e5%85%a5ie6-8%ef%bc%8c%e5%ae%9e%e6%96%bd%e5%bc%83%e7%94%a8%e7%ad%96%e7%95%a5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>练习写个焦点图切换插件easyChange</title>
		<link>http://www.xh-css.cn/2011/11/16/%e7%bb%83%e4%b9%a0%e5%86%99%e4%b8%aa%e7%84%a6%e7%82%b9%e5%9b%be%e5%88%87%e6%8d%a2%e6%8f%92%e4%bb%b6easychange/</link>
		<comments>http://www.xh-css.cn/2011/11/16/%e7%bb%83%e4%b9%a0%e5%86%99%e4%b8%aa%e7%84%a6%e7%82%b9%e5%9b%be%e5%88%87%e6%8d%a2%e6%8f%92%e4%bb%b6easychange/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 11:05:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[练习写个焦点图切换插件easyChange]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=696</guid>
		<description><![CDATA[插件很简单，使用也很简单，但是这个插件行为和结构以及表现都是分离的，也就是说如果你不会写结构那你用不了，因为分离所以显示上完全由你自己做主，这样自由度就大了很多，此插件适用于焦点图和tab切换，但是目前还没有添加是否自动切换的功能，默认是自动切换。由于自己js水平有限所以插件会有许多需要改进的地方，[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/11/16/%e7%bb%83%e4%b9%a0%e5%86%99%e4%b8%aa%e7%84%a6%e7%82%b9%e5%9b%be%e5%88%87%e6%8d%a2%e6%8f%92%e4%bb%b6easychange/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/11/16/%e7%bb%83%e4%b9%a0%e5%86%99%e4%b8%aa%e7%84%a6%e7%82%b9%e5%9b%be%e5%88%87%e6%8d%a2%e6%8f%92%e4%bb%b6easychange/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>点击平滑滚动到顶部效果</title>
		<link>http://www.xh-css.cn/2011/11/04/%e7%82%b9%e5%87%bb%e5%b9%b3%e6%bb%91%e6%bb%9a%e5%8a%a8%e5%88%b0%e9%a1%b6%e9%83%a8%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.xh-css.cn/2011/11/04/%e7%82%b9%e5%87%bb%e5%b9%b3%e6%bb%91%e6%bb%9a%e5%8a%a8%e5%88%b0%e9%a1%b6%e9%83%a8%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 11:00:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=691</guid>
		<description><![CDATA[今天写的这个效果网上用的很多，比如微博页面比较高，这样如果没有返回首页的话用户体验就不好了，返回首页的效果最早是使用锚点来实现的，但是锚点的效果比较生硬，所以大都使用js来实现比较平滑的滚动效果。
我说下这个效果都有那些效果：
一、当页面滚动条距离顶部的高度为0的时候隐藏返回首页模块，反之淡入返[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/11/04/%e7%82%b9%e5%87%bb%e5%b9%b3%e6%bb%91%e6%bb%9a%e5%8a%a8%e5%88%b0%e9%a1%b6%e9%83%a8%e6%95%88%e6%9e%9c/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/11/04/%e7%82%b9%e5%87%bb%e5%b9%b3%e6%bb%91%e6%bb%9a%e5%8a%a8%e5%88%b0%e9%a1%b6%e9%83%a8%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>练习写了个360度图片旋转展示效果</title>
		<link>http://www.xh-css.cn/2011/11/03/%e7%bb%83%e4%b9%a0%e5%86%99%e4%ba%86%e5%93%a5360%e5%ba%a6%e5%9b%be%e7%89%87%e6%97%8b%e8%bd%ac%e5%b1%95%e7%a4%ba%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.xh-css.cn/2011/11/03/%e7%bb%83%e4%b9%a0%e5%86%99%e4%ba%86%e5%93%a5360%e5%ba%a6%e5%9b%be%e7%89%87%e6%97%8b%e8%bd%ac%e5%b1%95%e7%a4%ba%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 14:30:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[360度图片旋转展示效果]]></category>

		<guid isPermaLink="false">http://www.xh-css.cn/?p=668</guid>
		<description><![CDATA[多余的话就不说了直接上例子！
[runcode height="245"]






  * { padding:0; margin:0; }
	#pic360 { margin:20px; border:5px solid #ccc; overflow:hidden; bord[......]<p class='read-more'><a href='http://www.xh-css.cn/2011/11/03/%e7%bb%83%e4%b9%a0%e5%86%99%e4%ba%86%e5%93%a5360%e5%ba%a6%e5%9b%be%e7%89%87%e6%97%8b%e8%bd%ac%e5%b1%95%e7%a4%ba%e6%95%88%e6%9e%9c/'>阅读全文</a></p>]]></description>
		<wfw:commentRss>http://www.xh-css.cn/2011/11/03/%e7%bb%83%e4%b9%a0%e5%86%99%e4%ba%86%e5%93%a5360%e5%ba%a6%e5%9b%be%e7%89%87%e6%97%8b%e8%bd%ac%e5%b1%95%e7%a4%ba%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

