<?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; AJAX</title>
	<atom:link href="http://blog.cike.org/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.cike.org</link>
	<description>刘益民中文网</description>
	<lastBuildDate>Tue, 28 Jun 2011 00:33:18 +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>[威视周刊-4]第三方幻灯调用方法</title>
		<link>http://blog.cike.org/2009/ccvms-focus-diy/</link>
		<comments>http://blog.cike.org/2009/ccvms-focus-diy/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 16:08:10 +0000</pubDate>
		<dc:creator>cike</dc:creator>
				<category><![CDATA[威视周刊]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[威视]]></category>
		<category><![CDATA[幻灯]]></category>

		<guid isPermaLink="false">http://blog.cike.org/?p=476</guid>
		<description><![CDATA[这里的幻灯可不是手写的，完全是调用后台首页播放器设置，是用了我的1.5仿迅雷看看模板的切换效果 <a href="http://blog.cike.org/2009/ccvms-focus-diy/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: medium;"><span style="color: red;"><strong>幻灯演示</strong></span>：<a href="http://wisese.cn/" target="_blank">唯色色视频</a><a href="http://wisese.cn/" target="_blank">http://wisese.cn</a> 欢迎送IP<br />
</span></p>
<p>这里的幻灯可不是手写的，完全是调用后台首页播放器设置，是用了我的<a href="http://bbs.bokecc.com/viewthread.php?tid=105443&amp;extra=page%3D1" target="_blank">1.5仿迅雷看看模板</a>的切换效果</p>
<p>原理很简单：<br />
1、找到后台设置幻灯后XML存放的路径:attachments/index_img_list.xml<br />
2、查看一下结果是一个 image 附加了标题、链接、描述、图片信息<br />
3、用Jquery解析组合成你要的格式<br />
4、新的幻灯片就这样产生了</p>
<p>提供我的代码供参考：</p>
<pre lang="JS" line="1">

$(funtion(){
        var FoucsArr=[];
        $.get('attachments/index_img_list.xml', function(d){
                //遍历XML中每一个image，即每个幻灯
                $(d).find('image').each(function(){
                        var $image = $(this);
                        //设置成果全保存在FoucsArr这个二维数据里了，转化成纯JS数组，至此与XML无关了
                        FoucsArr.push([$image.attr("title"),$image.attr("desc"),$image.attr("src"),$image.attr("address")]);
                });
                //下面是我的发挥
                var Fs=Fb="";
                for(var i=0;i<foucsArr.length;i++){
                        Fb+="
<li class='big-pic'><a href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /></a></li>

";
                        Fs+="
<li id='SwitchLi_"+i+"'><a id='SwitchSmaPic_"+i+"' href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /><strong>"+FoucsArr[i][0]+"</strong>"+FoucsArr[i][1]+"</a></li>

";
                };
                //生成HTML到指定DIV中
                $("#foucs").html("
<ul class='big-pic' id='SwitchBigPic'>"+Fb+"</ul>
<ul class='pic-list'>"+Fs+"</ul>

");
                //迅雷看看幻灯调用
                BigNews.init(MovieRecom);
        });
})
</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.cike.org/2009/ccvms-focus-diy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>基于jQuery的wordpress留言本插件</title>
		<link>http://blog.cike.org/2008/wordpress-ajax-guestbook/</link>
		<comments>http://blog.cike.org/2008/wordpress-ajax-guestbook/#comments</comments>
		<pubDate>Sun, 14 Dec 2008 16:20:49 +0000</pubDate>
		<dc:creator>cike</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.cike.org/?p=309</guid>
		<description><![CDATA[从zblog转到wp，入手不到一周，用周未一天制作wordpress Ajax留言本，主要特点 <a href="http://blog.cike.org/2008/wordpress-ajax-guestbook/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>从zblog转到wp，入手不到一周，用周未一天制作wordpress Ajax留言本，主要特点：</p>
<ol>
<li>基于Jquery的Ajax提交</li>
<li>直接读库，提取日志中的评论，支持回复、审核</li>
<li>支持纯留言发布</li>
</ol>
<p>演示：http://blog.cike.org/guestbook/ 【失效】</p>
<p>下截：http://blog.cike.org/demo/wordpress-guestbook.zip【失效】</p>
<p>更新日志：</p>
<ol>
<li><span style="text-decoration: line-through;"><span style="color: #008000;">完善分页部分</span> </span>[update 20090117]<span style="text-decoration: line-through;"><br />
</span></li>
<li><span style="color: #008000;"><span style="text-decoration: line-through;">增加表单判断</span></span></li>
<li>如果有时间，区分评论与留言，评论内容将显示相应的日志名称</li>
<li><span style="color: #008000;"><span style="text-decoration: line-through;">支持avatar头像</span></span>[update 20090317 ]</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://blog.cike.org/2008/wordpress-ajax-guestbook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

