<?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>记录与PHP的PK经历 &#187; javascript</title>
	<atom:link href="http://www.pkphp.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pkphp.com</link>
	<description>PK with php!</description>
	<lastBuildDate>Tue, 23 Feb 2010 15:01:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>thickbox在IE6,IE7,IE8下窗口不在中间的bug修复</title>
		<link>http://www.pkphp.com/2009/09/17/thickbox-ie6-ie7-ie8-bug/</link>
		<comments>http://www.pkphp.com/2009/09/17/thickbox-ie6-ie7-ie8-bug/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 11:10:06 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/?p=1003</guid>
		<description><![CDATA[曾经在这篇文章中介绍了在下IE7 thickbox3.1窗口位置溢出窗口的bug,这次又发现了IE8下同样的问题,thickbox弹出的窗口不在浏览器中间，而在偏下位置，一部分被状态栏遮挡了。thickbox作者貌似已经不再更新了，只能大家想想办法，如果要修复可以按照如下方法：
在thickbox代码第 16行更改如下:
$.browser.msie6 =
$.browser.msie
&#38;&#38; /MSIE 6\.0/i.test(window.navigator.userAgent)
&#38;&#38; !/MSIE 7\.0/i.test(window.navigator.userAgent)
&#38;&#38; !/MSIE 8\.0/i.test(window.navigator.userAgent);
如果你是在懒得修改代码，你可以直接下载我修改后的代码替换原来的thickbox.js来使用：
thickbox.patch.js
Related items

使用juqery创建加载消息Using JQuery for an Ajax loading message
关于jquery在windows XP下IE7窗口位置溢出窗口的bug
wordpress自助插件auto blogroll V1.4 发布!
Google AJAX Libraries API
jQuery 技巧总结

thickbox bug(3)thickbox ie8(14)thickbox(12)Thickbox IE7(15)thickbox ie6(15)thickbox中文(1)thickbox iframe bug(1)thickbox 中文(1)navigator.useragent ie8(2)thickbox 窗口位置(1)ie6 thickbox(3)thick box(1)thickbox ie 7(1)ie8 iframe 遮挡(1)修改IE8 UserAgent(1)

  var escFun = window.encodeURIComponent ? window.encodeURIComponent : escape;
  var relatedlinks_js = document.createElement("script");
 [...]]]></description>
		<wfw:commentRss>http://www.pkphp.com/2009/09/17/thickbox-ie6-ie7-ie8-bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用juqery创建加载消息Using JQuery for an Ajax loading message</title>
		<link>http://www.pkphp.com/2008/09/07/jquery-for-ajax-loading-message/</link>
		<comments>http://www.pkphp.com/2008/09/07/jquery-for-ajax-loading-message/#comments</comments>
		<pubDate>Sun, 07 Sep 2008 04:05:00 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[loading]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/?p=533</guid>
		<description><![CDATA[The other day I needed to develop a web page that would display a “loading” message while a large and complex query ran. The solution I came up with involves using Ajax via the JQuery JavaScript library, and goes something like this:

1. Build the base page

The base page will be the one that ...]]></description>
		<wfw:commentRss>http://www.pkphp.com/2008/09/07/jquery-for-ajax-loading-message/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>关于jquery在windows XP下IE7窗口位置溢出窗口的bug</title>
		<link>http://www.pkphp.com/2008/08/22/jquery-windowsxp-ie7-bug/</link>
		<comments>http://www.pkphp.com/2008/08/22/jquery-windowsxp-ie7-bug/#comments</comments>
		<pubDate>Fri, 22 Aug 2008 15:30:13 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[位置]]></category>
		<category><![CDATA[窗口]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/?p=520</guid>
		<description><![CDATA[今天在做一个项目中用到了jquery插件thickbox3.1插件，发现了一个bug，在windows XP下使用IE7，当弹出窗口比较大时，窗口的下面部分会超出ie窗口，而且没有滚动条，怎么也无法看到窗口的全部部分。

经过查找，最后在国外的网站看到了一位朋友修正了这个问题。具体的修正过程看这里吧

如果你也在使用thickbox3.1请使用...]]></description>
		<wfw:commentRss>http://www.pkphp.com/2008/08/22/jquery-windowsxp-ie7-bug/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>wordpress自助插件auto blogroll V1.4 发布!</title>
		<link>http://www.pkphp.com/2008/08/11/wordpress-plugin-auto-blogroll-v14-released/</link>
		<comments>http://www.pkphp.com/2008/08/11/wordpress-plugin-auto-blogroll-v14-released/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 14:41:52 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[百宝箱]]></category>
		<category><![CDATA[auto]]></category>
		<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/2008/08/11/wordpress%e8%87%aa%e5%8a%a9%e6%8f%92%e4%bb%b6auto-blogroll-v14-%e5%8f%91%e5%b8%83/</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160; 前边大家一直抱怨的链接页面排版问题这次得到了圆满的解决，特此发布V1.4。V1.4以前的版本是采用生成新模板与链接页面关联的方式实现的，这样就需要在当前的模板页面产生一个ab_links.php的模板文件，安装的时候需要设置当前模板文件夹属性为0777。这个就多了一步操作。然后就是生成的...]]></description>
		<wfw:commentRss>http://www.pkphp.com/2008/08/11/wordpress-plugin-auto-blogroll-v14-released/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Google AJAX Libraries API</title>
		<link>http://www.pkphp.com/2008/05/30/google-ajax-libraries-api/</link>
		<comments>http://www.pkphp.com/2008/05/30/google-ajax-libraries-api/#comments</comments>
		<pubDate>Fri, 30 May 2008 13:37:30 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/?p=51</guid>
		<description><![CDATA[Google 最近发布了 AJAX Libraries API。 简单说就是 Google 把一些非常流行的 JavaScript 框架放到 Google 的服务器上。这样大家来说可以充分利用 Google 的服务器资源，节省自己的网络带宽，更重要的是 Google 对这些框架进行了压缩，所以在使用 JavaScript 框架的时候速度方面有很大的提高。目前 Google 已经包含了以下的...]]></description>
		<wfw:commentRss>http://www.pkphp.com/2008/05/30/google-ajax-libraries-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 技巧总结</title>
		<link>http://www.pkphp.com/2008/05/27/jquery-%e6%8a%80%e5%b7%a7%e6%80%bb%e7%bb%93/</link>
		<comments>http://www.pkphp.com/2008/05/27/jquery-%e6%8a%80%e5%b7%a7%e6%80%bb%e7%bb%93/#comments</comments>
		<pubDate>Tue, 27 May 2008 10:17:18 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[技巧]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/?p=50</guid>
		<description><![CDATA[一、简介
1.1、概述
随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架， 其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们 的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提...]]></description>
		<wfw:commentRss>http://www.pkphp.com/2008/05/27/jquery-%e6%8a%80%e5%b7%a7%e6%80%bb%e7%bb%93/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10个用能用JavaScript实现的图片特效</title>
		<link>http://www.pkphp.com/2008/05/03/10%e4%b8%aa%e7%94%a8%e8%83%bd%e7%94%a8javascript%e5%ae%9e%e7%8e%b0%e7%9a%84%e5%9b%be%e7%89%87%e7%89%b9%e6%95%88/</link>
		<comments>http://www.pkphp.com/2008/05/03/10%e4%b8%aa%e7%94%a8%e8%83%bd%e7%94%a8javascript%e5%ae%9e%e7%8e%b0%e7%9a%84%e5%9b%be%e7%89%87%e7%89%b9%e6%95%88/#comments</comments>
		<pubDate>Sat, 03 May 2008 02:15:28 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/?p=41</guid>
		<description><![CDATA[一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用PS会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载，很多效果都是相当漂亮的。
1、水倒映

这个js将为图片添加水倒映的特效，时下web2.0站点很喜欢这种效果。
如果你喜欢在线生成水倒映效果，可以参考这里。
js下载链接
2、圆角+阴影

或许你记得用RoundPic能在线生成圆角图片，事实上用这个js也可以实现效果。
js下载链接
3、高光圆角阴影

这个效果可以用来做按钮。是我最喜欢的特效之一。
js下载链接
4、斜光阴影效果

和上面的效果看起来非常相似，但也有不同的地方。
js下载链接
5、相框效果

如果你在做图片博客，可以你会喜欢这个js，使用后博客文章内的图片都有相框的效果。
js下载链接
6、黑色相框

不喜欢白色没有立体感的相框，那试试这个立体感充足的js效果吧。
js下载链接
7、放大镜

一个很有趣的js，实现放大镜效果。记得在去年Google开发者日的时候，某个主讲人也有说到在GMaps里实现放大镜的有趣效果。具体效果点击这里。
js下载链接
8、菲林效果

如果你在写一个电影博客，这个效果或许会让你喜欢。
js下载链接
9、花边效果

很简单的图片花边效果。
js下载链接
10、翻页效果

翻页效果是很常见的，Google一下你会发现有很多相关的教程，如果你不想花时间去学，直接下载这个js吧。
js下载链接
安装使用方法：
将下载的压缩包解压之后上传到网站空间，然后在需要显示效果的head里添加代码，比如高光阴影效果Glossy，添加的代码是：
&#60;script type=&#8221;text/javascript&#8221; src=&#8221;glossy.js&#8221;&#62;&#60;/script&#62; 
对于Wordpress，可以在header.php里添加。如果只要求文章页里出现效果，也可以考虑在single.php里添加。
然后，在想要显示特效的图片的&#60;img&#62;标记里添加：
class=&#8221;glossy&#8221;
这样效果就出现了。
其它效果添加方法类似。
via BlogOhblog。
Related items

thickbox在IE6,IE7,IE8下窗口不在中间的bug修复
使用juqery创建加载消息Using JQuery for an Ajax loading message
关于jquery在windows XP下IE7窗口位置溢出窗口的bug
wordpress自助插件auto blogroll V1.4 发布!
Google AJAX Libraries API

php 生成圆角图片(1)图片花边(1)javascript 图片loading的实现(1)]]></description>
		<wfw:commentRss>http://www.pkphp.com/2008/05/03/10%e4%b8%aa%e7%94%a8%e8%83%bd%e7%94%a8javascript%e5%ae%9e%e7%8e%b0%e7%9a%84%e5%9b%be%e7%89%87%e7%89%b9%e6%95%88/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery技巧应用小结</title>
		<link>http://www.pkphp.com/2008/03/24/jquery%e6%8a%80%e5%b7%a7%e5%ba%94%e7%94%a8%e5%b0%8f%e7%bb%93/</link>
		<comments>http://www.pkphp.com/2008/03/24/jquery%e6%8a%80%e5%b7%a7%e5%ba%94%e7%94%a8%e5%b0%8f%e7%bb%93/#comments</comments>
		<pubDate>Mon, 24 Mar 2008 13:36:42 +0000</pubDate>
		<dc:creator>askie</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.pkphp.com/?p=12</guid>
		<description><![CDATA[一、简介
1.1、概述
随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、
jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应
用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
jQuery是继prototype之后的又一个优秀的Javascrīpt框架。它是由 John Resig 于 2006
年初创建的，它有助于简化 Javascrīpt™ 以及Ajax
编程。有人使用这样的一比喻来比较prototype和jQuery：prototype就像Java，而jQuery就像ruby.
它是一个简洁快速灵活的Javascrīpt框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。
它具有如下一些特点：

代码简练、语义易懂、学习快速、文档丰富。
jQuery是一个轻量级的脚本，其代码非常小巧，最新版的Javascrīpt包只有20K左右。
jQuery支持CSS1-CSS3,以及基本的xPath。
jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
可以很容易的为jQuery扩展其他功能。
能将JS代码和HTML代码完全分离，便于代码和维护和修改。
插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。

jQuery的设计会改变你写Javascrīpt代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还是资深专家，jQuery都将是您的首选。
jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何Javascrīpt应用的地方，可用于不同的Web应用程序中。
官方站点：http://jquery.com/ 中文站点：http://jquery.org.cn/
1.2、目的
通过学习本文档，能够对jQuery有一个简单的认识了解，清楚JQuery与其他JS框架的不同，掌握jQuery的常用语法、使用技巧及注意事项。
二、使用方法
在需要使用JQuery的页面中引入JQuery的js文件即可。
例如：&#60;scrīpt type=&#8221;text/javascrīpt&#8221; src=&#8221;js/jquery.js&#8221;&#62;&#60;/scrīpt&#62;
引入之后便可在页面的任意地方使用jQuery提供的语法。
三、学习教程及参考资料
请参照《jQuery中文API手册》和http://jquery.org.cn/visual/cn/index.xml
推荐两篇不错的jquery教程：《jQuery的起点教程》和《使用 jQuery 简化 Ajax 开发》(说明：以上文档都放在了【附件】中)
四、语法总结和注意事项
1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById(&#8220;msg&#8221;))则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：$(&#8220;#msg&#8221;)[0]，$(&#8220;div&#8221;).eq(1)[0]，$(&#8220;div&#8221;).get()[1]，$(&#8220;td&#8221;)[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$(&#8220;#msg&#8221;).html();
$(&#8220;#msg&#8221;)[0].innerHTML;
$(&#8220;#msg&#8221;).eq(0)[0].innerHTML;
$(&#8220;#msg&#8221;).get(0).innerHTML;
3、如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而
get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个
&#60;div&#62;元素的内容。有如下两种方法：
$(&#8220;div&#8221;).eq(2).html();               //调用jquery对象的方法
$(&#8220;div&#8221;).get(2).innerHTML;        //调用dom的方法属性
4、同一函数实现set和get
Jquery中的很多方法都是如此，主要包括如下几个：
$(&#8220;#msg&#8221;).html();            [...]]]></description>
		<wfw:commentRss>http://www.pkphp.com/2008/03/24/jquery%e6%8a%80%e5%b7%a7%e5%ba%94%e7%94%a8%e5%b0%8f%e7%bb%93/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
