<?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>群英汇博客 &#187; jQuery</title> <atom:link href="http://blog.ossxp.com/tag/jquery/feed/" rel="self" type="application/rss+xml" /><link>http://blog.ossxp.com</link> <description></description> <lastBuildDate>Wed, 14 Sep 2011 03:52:03 +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>NotesForLightBox灯箱控件示例</title><link>http://blog.ossxp.com/2010/05/1163/</link> <comments>http://blog.ossxp.com/2010/05/1163/#comments</comments> <pubDate>Sat, 08 May 2010 08:07:18 +0000</pubDate> <dc:creator>王胜</dc:creator> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jQuery]]></category><guid
isPermaLink="false">http://blog.ossxp.com/?p=1163</guid> <description><![CDATA[NotesForLightBox 是一个简单易用的脚本，用于在当前页面放大原图。
当前的功能特征有：圆角灯箱
按钮导航
带有进度条的幻灯显示下面介绍一下如何使用：下载NotesForLightBox
NotesForLightBox下载地址 http://www.notesfor.net/file.axd?file=NFLightBox.zip
在需要灯箱特效的页面添加引用的JavaScript和CSS脚本
因为NotesForLightBox依赖于jQuery库，所以也许要导入jQuery库。
&#60;script src="js/jquery-1.3.2.min.js" type="text/javascript"&#62;&#60;/script&#62;
&#60;script src="js/NFLightBox.js" type="text/javascript"&#62;&#60;/script&#62;
&#60;link href="css/nf.lightbox.css" rel="stylesheet" type="text/css" media="screen" /&#62;声明对页面中那些元素开启灯箱特效
&#60;script type="text/javascript"&#62;$(function() {
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
$('#gallery a').lightBox(); // Select all links in object with gallery ID
$('a.lightbox').lightBox(); // Select all links with lightbox class
$('a').lightBox(); // Select all links in the page
});&#60;/script&#62;下面是我的示例文件(demo.html)截图后记：
用户可以自定义LightBox控件的显示格式。可用的属性有///    &#60;param name="settings" type="Options"&#62;
///        1: overlayBgColor - <a
href="http://blog.ossxp.com/2010/05/1163/" class="more-link">阅读全部内容 &#187;</a>]]></description> <wfw:commentRss>http://blog.ossxp.com/2010/05/1163/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>12种常见的lightbox灯箱效果脚本</title><link>http://blog.ossxp.com/2010/05/1158/</link> <comments>http://blog.ossxp.com/2010/05/1158/#comments</comments> <pubDate>Sat, 08 May 2010 02:02:45 +0000</pubDate> <dc:creator>王胜</dc:creator> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jQuery]]></category><guid
isPermaLink="false">http://blog.ossxp.com/?p=1158</guid> <description><![CDATA[Lightbox 指灯箱特效，是我们在处理图片浏览时常用的技巧。下面介绍以下12种常见的lightbox灯箱效果脚本。1. Multibox (演示地址)
一个lightbox支持的内容格式包括：图片，Flash，视频，mp3，html。
2. YUI Based Lightbox ()
使用YUI Dialog class开发的lightbox控件。
3. weebbox
weebbox 是一个基于Prototype Scriptaculous（172k） 开发，仿Lightbox效果用于展示图片的javascript控件。
4. Pirobox (演示地址)
采用jquery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。
5. QuickBox
QuickBox是一个基于Mootools1.2版本开发的Lightbox控件。与其它Lightbox控件相比，它最大不同之处在于可以利用鼠标滚轮控制图片切换。
6. Zoomy.js
Zoomy.js 是一个采用Prototype框架开发，拥有图片放大功能的image gallery。在放置放大图片的弹出覆盖框中可以设置标题与关闭按纽，并且可以拖动弹出框。
7. BackBox
BackBox是一个支持自动与手动两种图片展示模式的Lightbox控件。
8. jQuery Superbox!
jQuery Superbox!是一个jQuery插件用于创建可定制的模式对话框（效果与lightbox相似）。它可以展示任意类型的内容包括iframes，默 认为图片类型（支持单张或多张模式）。模式对话框的尺寸可以根据展示的内容自动调整，也可以定义一个标准展示尺寸。
9. Bumpbox (演示地址)
Bumpbox 是一个基于Mootools开发的Lightbox控件。它可以自动探测要展示的内容类型，不需要预先指定。 Bumpbox除了可以展示FLV、SWF、图片和HTML内容之外，还可以展示PDF文件。
10. NotesForLightBox (演示地址)
NotesForLightBox 是一个采用 jQuery 开发的LightBox 控件，支持大部分浏览器。提供导航播放按钮，图片加载进度提醒。。模式对话框采用圆角风格。
11. FacyBox
FacyBox 是一个基于 jQuery 实现，Facebook/Fancybox 风格的 lightbox 控件。可以展示图片、Div或通过ajax加载的内容。
12. LeaveNotice (演示地址)
LeaveNotice 这个 jQuery 插件能够很方便提醒你的用户，他们正在离开你的网站。
]]></description> <wfw:commentRss>http://blog.ossxp.com/2010/05/1158/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>jQuery 跨域 AJAX</title><link>http://blog.ossxp.com/2010/02/493/</link> <comments>http://blog.ossxp.com/2010/02/493/#comments</comments> <pubDate>Sun, 07 Feb 2010 07:53:34 +0000</pubDate> <dc:creator>蒋 鑫</dc:creator> <category><![CDATA[AJAX]]></category> <category><![CDATA[jQuery]]></category><guid
isPermaLink="false">http://blog.ossxp.com/?p=493</guid> <description><![CDATA[jQuery 的跨域调用实际上没有那么复杂，只要明白几个概念，有一定的 JavaScript 基础即可。
首先要了解 jQuery.getJSON 函数
jQuery.getJSON( url, [data], [callback] )
===============================================
[1] As of jQuery 1.2, you can load JSON data located on another domain if you specify a JSONP callback.[2] The callback takes the form "example.com?callback=?". [3] jQuery automatically replaces the '?' with a random method name that doesn't clash with the global scope. You do not have <a
href="http://blog.ossxp.com/2010/02/493/" class="more-link">阅读全部内容 &#187;</a>]]></description> <wfw:commentRss>http://blog.ossxp.com/2010/02/493/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>jquery和php整合实例</title><link>http://blog.ossxp.com/2010/02/462/</link> <comments>http://blog.ossxp.com/2010/02/462/#comments</comments> <pubDate>Thu, 04 Feb 2010 11:55:12 +0000</pubDate> <dc:creator>雷 魏魏</dc:creator> <category><![CDATA[AJAX]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[php]]></category><guid
isPermaLink="false">http://blog.ossxp.com/?p=462</guid> <description><![CDATA[研究Jquery和php也有一段时间了，但是对两者深层次方面的整合还不是很精通。Google了N百次了，只能说收效甚微，一篇篇转烂了的JQuery和php整合的例子最后可能在你的机器上还是跑不起来，别泄气，这太正常了。我不能不感叹于那些高手们的懒惰，虽然我只能算的上菜鸟，请允许我发表一下自己的观点。本来我的这个小程序是不敢贴出来献丑的，但是鉴于这方面的资料确实太少，我还是贴出来吧。希望能给真正需要的人提供一些帮助。麻雀虽小，五脏俱全，也许你能从这个小程序中悟出来点什么。如果下面的例子不能理解，你可能需要补习一下理论基础，参见这个博客：jQuery跨域AJAX。
例子1：这个例子是JQuery和php不跨域的情况下整合的例子
首先我先叙述一下我的环境需要，以方便尝试跑这个小程序的朋友。你必须有一个wordpress 2.9系列，因为我这个程序中调用了Wordpress 2.9中的函数。在Wordpress根目录下建一个rpc文件夹，其他的也无所谓，自己看着改改相应的地方就行了。
下一步就把这两个文件copy到rpc下边就行了。其他的不需要任何改动，还有一点要提醒的，把jquery-1.4.js复制到rpc目录下
1、latest.php文件
&#60;?php
require_once("../wp-config.php");
//$arr = $_POST; //若以$.get()方式发送数据，则要改成$_GET.或者直接用:$_REQUEST
$arr = $_REQUEST['post_num'];
$show_post = "type=postbypost&#38;limit=6"; //该参数是传递给wp_get_archives函数的，wp_get_archives得到后会返回指定数目的日志
echo my_wp_get_archives($show_post);
function my_wp_get_archives($show_post)
{
return wp_get_archives($show_post);
}
?&#62;
2、latest.html文件
&#60;html&#62;
&#60;head&#62;
&#60;title&#62;演示&#60;/title&#62;
&#60;meta http-equiv="Content-Type" content="text/html; charset=utf8" /&#62;
&#60;/head&#62;
&#60;script language="javascript" src="jquery-1.4.js"&#62;&#60;/script&#62;
&#60;script language="javascript"&#62;
$(document).ready(function (){
$('#latest').click(function (){
var post_num=$('#number1').attr('value');
$.post('http://localhost/wordpress/rpc/latest.php?post_num='+post_num,show_post);
});
});function show_post(res){
//Replace contents of #result with retrieved result
$('#result').html(res);
}
&#60;/script&#62;&#60;body&#62;
&#60;div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"&#62;&#60;/div&#62;
&#60;form id="formtest" action="" method="post"&#62;
&#38;nbsp;&#38;nbsp;&#60;p&#62;&#60;span&#62;日志数:&#60;/span&#62;&#60;input type="text" name="number1" id="number1" size="15" &#62;&#60;/p&#62;
&#60;p&#62;&#60;span&#62;日志分类:&#60;/span&#62;&#60;input type="text" name="category" <a
href="http://blog.ossxp.com/2010/02/462/" class="more-link">阅读全部内容 &#187;</a>]]></description> <wfw:commentRss>http://blog.ossxp.com/2010/02/462/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching 3/17 queries in 0.006 seconds using disk

Served from: blog.ossxp.com @ 2012-02-09 16:51:03 -->
