<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/" -->
<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/"
	>

<channel>
	<title>飞龙博客</title>
	<link>http://feilong.org</link>
	<description>犹如天之色，内藏龙之湾。有朋自网上来，不亦乐乎？</description>
	<pubDate>Sat, 12 May 2012 15:11:31 +0000</pubDate>
	<generator>http://wordpress.org/?v=</generator>
	<language>en</language>
			<item>
		<title>插入相册或图片lightbox特效演示</title>
		<link>http://feilong.org/lightbox-plus-wordpress-plugin</link>
		<comments>http://feilong.org/lightbox-plus-wordpress-plugin#comments</comments>
		<pubDate>Fri, 13 Apr 2012 14:47:24 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[wordpress]]></category>

		<category><![CDATA[wordpress plugins]]></category>

		<guid isPermaLink="false">http://feilong.org/lightbox-plus-wordpress-plugin</guid>
		<description><![CDATA[这是插入相册或图片的lightbox特效的演示。
一、，将相册插入某篇日志正文的任何地方，需要在 gallery 加 link="file"
举例：显示 日志id是507，的相册，如下写代码。如果没指定日志id,则默认显示当前日志相册。一般不要在代码内指定尺寸，当然了，也可以指定尺寸。
[gallery id="507" link="file"]
[gallery id="507" link="file" size="medium"]
参考资料：
http://feilong.org/lightbox-plus-wordpress-plugin
http://codex.wordpress.org/Gallery_Shortcode
二、初始插入图片链接
需要在 a链接 加 rel="lightbox[id or name]"，一般用name ，name最好是字母，不用汉字。
这是2个有关系的图片链接
举例：


三、初始插入文字链接
也需要在 a链接 加 rel="lightbox[id or name]"，一般用name ，name最好是字母，不用汉字
这是2个有关系的文字链接
第一张图
第二张图	
四、只有一个图片
这里插入img标签或文字，方法参见上面的二、三。
五、本质上说， rel="lightbox[sheying]" 这个代码，用lightbox 标识激活了特效，用 具有相同name来把多个图片关联起来。图片的name相同，则啊通一个特效之内。感谢：Color Powered、飞龙、 lightbox-plus
2012年4月13日
Copyright &#169; 2012 飞龙博客.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.Plugin by Taragana
	wordpress plugins

	密切相关日志如下：
	
	best thumbnail plugins for wordpress2.9.2
	mingle forum wordpress on [...]]]></description>
			<content:encoded><![CDATA[<p>这是插入相册或图片的lightbox特效的演示。</p>
<p>一、，将相册插入某篇日志正文的任何地方，需要在 gallery 加 link="file"</p>
<p>举例：显示 日志id是507，的相册，如下写代码。如果没指定日志id,则默认显示当前日志相册。一般不要在代码内指定尺寸，当然了，也可以指定尺寸。</p>
<p>[gallery id="507" link="file"]</p>
<p>[gallery id="507" link="file" size="medium"]</p>
<p>参考资料：<br />
<a href="http://feilong.org" title="飞龙博客" target="_blank">http://feilong.org/lightbox-plus-wordpress-plugin</a><br />
<a href="http://codex.wordpress.org/Gallery_Shortcode" title="WordPress 短代码" target="_blank">http://codex.wordpress.org/Gallery_Shortcode</a></p>
<p>二、初始插入图片链接</p>
<p>需要在 a链接 加 rel="lightbox[id or name]"，一般用name ，name最好是字母，不用汉字。<br />
这是<strong>2个有关系的图片</strong>链接</p>
<p>举例：<br />
<a href="http://www.tiimage.cn/wp-content/uploads/2012/04/ruidian01.jpg" rel="lightbox[ruidian]" title="ruidian01" ><img src="http://www.tiimage.cn/wp-content/uploads/2012/04/ruidian01.jpg" alt="ruidian01"  /></a><br />
<a href="http://www.tiimage.cn/wp-content/uploads/2012/04/ruidian02.jpg" rel="lightbox[ruidian]" title="ruidian01" ><img src="http://www.tiimage.cn/wp-content/uploads/2012/04/ruidian02.jpg" alt="ruidian02"  /></a></p>
<p>三、初始插入文字链接</p>
<p>也需要在 a链接 加 rel="lightbox[id or name]"，一般用name ，name最好是字母，不用汉字<br />
这是<strong>2个有关系的文字</strong>链接</p>
<p><a title="Screenshot 1" rel="lightbox[feilong]" href="http://www.tiimage.cn/wp-content/plugins/lightbox-plus/screenshot-1.jpg">第一张图</a><br />
<a title="Screenshot 2" rel="lightbox[feilong]" href="http://www.tiimage.cn/wp-content/plugins/lightbox-plus/screenshot-2.jpg">第二张图</a>	</p>
<p>四、只有一个图片</p>
<p><a title="Screenshot 2" rel="lightbox[sheying]" href="http://www.tiimage.cn/wp-content/plugins/lightbox-plus/screenshot-2.jpg">这里插入img标签或文字，方法参见上面的二、三。</a></p>
<p>五、本质上说， rel="lightbox[sheying]" 这个代码，用lightbox 标识激活了特效，用 具有相同name来把多个图片关联起来。图片的name相同，则啊通一个特效之内。感谢：<a href="http://colorpowered.com/colorbox/" title="colorbox website" target="_blank">Color Powered</a>、<a href="http://feilong.org/lightbox-plus-wordpress-plugin" title="飞龙lightbox特效演示" target="_blank">飞龙</a>、 <a href="http://www.23systems.net/plugins/lightbox-plus/" title="lightbox plus" target="_blank">lightbox-plus</a></p>
<p>2012年4月13日</p>
<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/wordpress-plugins" title="wordpress plugins" rel="tag">wordpress plugins</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/mingle-forum-wordpress" title="mingle forum wordpress on php4">mingle forum wordpress on php4</a></li>
	<li><a href="http://feilong.org/best-thumbnail-plugins-wordpress292" title="best thumbnail plugins for wordpress2.9.2">best thumbnail plugins for wordpress2.9.2</a></li>
	<li><a href="http://feilong.org/wordpress-print-custom-fields" title="wordpress print custom fields or include custom fields to print">wordpress print custom fields or include custom fields to print</a></li>
	<li><a href="http://feilong.org/test-smooth-slider-22" title="test results of Smooth Slider 2.2 for wordpress slider show">test results of Smooth Slider 2.2 for wordpress slider show</a></li>
	<li><a href="http://feilong.org/usage-dukapress-wordpress-ecommerce-plugin" title="how to use dukapress wordpress ecommerce plugin abc">how to use dukapress wordpress ecommerce plugin abc</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/lightbox-plus-wordpress-plugin/feed</wfw:commentRss>
		</item>
		<item>
		<title>用php禁止某个IP段访问网站</title>
		<link>http://feilong.org/ban-ip-to-site</link>
		<comments>http://feilong.org/ban-ip-to-site#comments</comments>
		<pubDate>Sun, 25 Mar 2012 07:11:55 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://feilong.org/%e7%94%a8php%e7%a6%81%e6%ad%a2%e6%9f%90%e4%b8%aaip%e6%ae%b5%e8%ae%bf%e9%97%ae%e7%bd%91%e7%ab%99</guid>
		<description><![CDATA[用php禁止某个IP段访问网站的代码。

&#60;?php&#62;//禁止某个IP
$banned_ip = array &#40;
&#34;127.0.0.1&#34;,
&#34;61.140.244.144&#34;,
&#34;192.168.1.4&#34;
&#41;;
if &#40; in_array&#40; getenv&#40;&#34;REMOTE_ADDR&#34;&#41;, $banned_ip &#41; &#41;
&#123;
die &#40;&#34;您的IP禁止访问！&#34;&#41;;
&#125;
&#160;
//禁止某个IP段
$ban_range_low=ip2long&#40;&#34;192.168.1.4&#34;&#41;;
$ban_range_up=ip2long&#40;&#34;192.168.1.255&#34;&#41;;
$ip=ip2long&#40;$_SERVER&#91;&#34;REMOTE_ADDR&#34;&#93;&#41;;
if &#40;$ip&#62;$ban_range_low &#38;&#38; $ip&#60;$ban_range_up&#41;
&#123;
echo &#34;您的IP在被禁止的IP段之中，禁止访问！&#34;;
exit&#40;&#41;;
&#125;

Copyright &#169; 2012 飞龙博客.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.Plugin by Taragana
	SEO

	密切相关日志如下：
	
	搜索引擎优化十要点
	PR值算法的基本原理和理论
	9 tips to pass seo validator
	bing百度google雅虎奇摩站长管理员工具和论坛博客
	百度谷歌雅虎bing搜索引擎站长管理员工具
	飞龙总结网站或博客SEO八大要点
	简单可行的几个SEO方法
	最好的降低网页跳出率办法
	网站优化和网站推广基础知识入门
	谷歌网站优化质量指南


]]></description>
			<content:encoded><![CDATA[<p>用php禁止某个IP段访问网站的代码。</p>

<div class="wp_syntax"><div class="code"><pre class="php">&lt;?php&gt;<span style="color: #808080; font-style: italic;">//禁止某个IP</span>
<span style="color: #0000ff;">$banned_ip</span> = <span style="color: #000066;">array</span> <span style="color: #66cc66;">&#40;</span>
<span style="color: #ff0000;">&quot;127.0.0.1&quot;</span>,
<span style="color: #ff0000;">&quot;61.140.244.144&quot;</span>,
<span style="color: #ff0000;">&quot;192.168.1.4&quot;</span>
<span style="color: #66cc66;">&#41;</span>;
<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #000066;">in_array</span><span style="color: #66cc66;">&#40;</span> <span style="color: #000066;">getenv</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;REMOTE_ADDR&quot;</span><span style="color: #66cc66;">&#41;</span>, <span style="color: #0000ff;">$banned_ip</span> <span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
<span style="color: #000066;">die</span> <span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;您的IP禁止访问！&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//禁止某个IP段</span>
<span style="color: #0000ff;">$ban_range_low</span>=<span style="color: #000066;">ip2long</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;192.168.1.4&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0000ff;">$ban_range_up</span>=<span style="color: #000066;">ip2long</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;192.168.1.255&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0000ff;">$ip</span>=<span style="color: #000066;">ip2long</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$_SERVER</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;REMOTE_ADDR&quot;</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$ip</span>&gt;<span style="color: #0000ff;">$ban_range_low</span> &amp;&amp; <span style="color: #0000ff;">$ip</span>&lt;<span style="color: #0000ff;">$ban_range_up</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
<span style="color: #000066;">echo</span> <span style="color: #ff0000;">&quot;您的IP在被禁止的IP段之中，禁止访问！&quot;</span>;
<span style="color: #000066;">exit</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/seo" title="SEO" rel="tag">SEO</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/bing-google-web-master" title="bing百度google雅虎奇摩站长管理员工具和论坛博客">bing百度google雅虎奇摩站长管理员工具和论坛博客</a></li>
	<li><a href="http://feilong.org/seo-7-keys" title="网站优化的一周7词真经">网站优化的一周7词真经</a></li>
	<li><a href="http://feilong.org/esay-seo-ways" title="简单可行的几个SEO方法">简单可行的几个SEO方法</a></li>
	<li><a href="http://feilong.org/search-engine-webmaster" title="百度谷歌雅虎bing搜索引擎站长管理员工具">百度谷歌雅虎bing搜索引擎站长管理员工具</a></li>
	<li><a href="http://feilong.org/seo-validator" title="9 tips to pass seo validator">9 tips to pass seo validator</a></li>
	<li><a href="http://feilong.org/youhua-wangye" title="搜索引擎优化十要点">搜索引擎优化十要点</a></li>
	<li><a href="http://feilong.org/xenu" title="用Xenu检查网站无效链接或死链接不错">用Xenu检查网站无效链接或死链接不错</a></li>
	<li><a href="http://feilong.org/18-site-optimize-promotion" title="网站优化营销16原则">网站优化营销16原则</a></li>
	<li><a href="http://feilong.org/web-and-search-engine-optimize" title="搜索引擎优化和网站优化">搜索引擎优化和网站优化</a></li>
	<li><a href="http://feilong.org/wangzhan-youhua-ppt" title="网站优化和网站推广基础知识入门">网站优化和网站推广基础知识入门</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/ban-ip-to-site/feed</wfw:commentRss>
		</item>
		<item>
		<title>表格table标题内容一行显示多的用省略号</title>
		<link>http://feilong.org/table-css-ellipsis</link>
		<comments>http://feilong.org/table-css-ellipsis#comments</comments>
		<pubDate>Mon, 19 Mar 2012 05:23:30 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://feilong.org/table-css-ellipsis</guid>
		<description><![CDATA[表格table内容文章标题超长一行显示多的用省略号，css解决方案

#catgoodlist table&#123;table-layout:fixed;&#125;
#catgoodlist table th#biaoti&#123;/*width:100px; background:#f90;*/&#125;
#catgoodlist table td&#123;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;&#125;

Copyright &#169; 2012 飞龙博客.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.Plugin by Taragana
	css

	密切相关日志如下：
	
	第一个同级元素 css伪类的写法举例
	分享飞龙分页代码html css和php函数
	纯css模拟文件上传控件飞龙解决方案
	feilong tab slider pure css ul li no javascript


]]></description>
			<content:encoded><![CDATA[<p>表格table内容文章标题超长一行显示多的用省略号，css解决方案</p>

<div class="wp_syntax"><div class="code"><pre class="css"><span style="color: #cc00cc;">#catgoodlist</span> table<span style="color: #66cc66;">&#123;</span>table-layout<span style="color: #3333ff;">:fixed</span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#catgoodlist</span> table th<span style="color: #cc00cc;">#biaoti</span><span style="color: #66cc66;">&#123;</span><span style="color: #808080; font-style: italic;">/*width:100px; background:#f90;*/</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#catgoodlist</span> table td<span style="color: #66cc66;">&#123;</span>white-space<span style="color: #3333ff;">:nowrap</span>;overflow<span style="color: #3333ff;">:hidden</span>;text-overflow<span style="color: #3333ff;">:ellipsis</span>;-o-text-overflow<span style="color: #3333ff;">:ellipsis</span>;<span style="color: #66cc66;">&#125;</span></pre></div></div>

<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/css" title="css" rel="tag">css</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/tabslider-purecss-nojavascript-en" title="feilong tab slider pure css ul li no javascript">feilong tab slider pure css ul li no javascript</a></li>
	<li><a href="http://feilong.org/css-first-child" title="第一个同级元素 css伪类的写法举例">第一个同级元素 css伪类的写法举例</a></li>
	<li><a href="http://feilong.org/feilong-pagenavi-html-css-php" title="分享飞龙分页代码html css和php函数">分享飞龙分页代码html css和php函数</a></li>
	<li><a href="http://feilong.org/css-simulate-upload-file-button" title="纯css模拟文件上传控件飞龙解决方案">纯css模拟文件上传控件飞龙解决方案</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/table-css-ellipsis/feed</wfw:commentRss>
		</item>
		<item>
		<title>飞龙分离式选项卡jQuery版通用精简版</title>
		<link>http://feilong.org/jquery-gap-tabs-ul</link>
		<comments>http://feilong.org/jquery-gap-tabs-ul#comments</comments>
		<pubDate>Tue, 13 Mar 2012 07:41:16 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[jquery]]></category>

		<category><![CDATA[tab选项卡]]></category>

		<guid isPermaLink="false">http://feilong.org/jquery-gap-tabs-ul</guid>
		<description><![CDATA[分离式选项卡： 选项卡的标题和正文不在一起。缺点：语义不足。优点，不需定位，内容可以自适应高度。这是通用的tab选项卡做法，飞龙分离式选项卡jQuery版通用精简版。可以多次运用，一次jQuery代码，多处实例灵活运用。本日志修订网址：http://feilong.org/jquery-gap-tabs-ul
一、tab选项卡css样式，包括基础样式[gaptabs basic css ] 和实例样式[gaptabs application sample1 css]。

/* gaptabs basic css */
ul,li,ol&#123;margin:0;padding:0;list-style-type:none;&#125;
.gaptabs&#123;&#125;
.gaptabs .tabtits&#123;&#125;
.gaptabs .tabtits li&#123;float:left;&#125;
.gaptabs .tabtits li a&#123;&#125;
.gaptabs .tabtits li a span&#123;&#125;
.gaptabs .tabtits li.nowtit&#123;&#125;
.gaptabs .tabcont&#123;clear:both;display:none;&#125;
.gaptabs .nowcont&#123;display:block;&#125;
&#160;
/* gaptabs application sample1 css */
#bangdan&#123;background:#fff; margin:6px;&#125;
#bangdan .tabtits&#123;display:block;background:#fff; &#125;
#bangdan .tabtits li&#123; display:block;height:24px; line-height:24px; margin:0 5px; padding:0 5px; background:#eee; text-align:center;&#125;
#bangdan .tabtits li a&#123; text-decoration:none; letter-spacing:2px;&#125;
#bangdan .tabtits li a span&#123;color:#333;&#125;
&#160;
#bangdan .tabtits [...]]]></description>
			<content:encoded><![CDATA[<p>分离式选项卡： 选项卡的标题和正文不在一起。缺点：语义不足。优点，不需定位，内容可以自适应高度。这是通用的tab选项卡做法，飞龙分离式选项卡jQuery版通用精简版。可以多次运用，一次jQuery代码，多处实例灵活运用。本日志修订网址：<a href="http://feilong.org/jquery-gap-tabs-ul">http://feilong.org/jquery-gap-tabs-ul</a></p>
<p>一、tab选项卡css样式，包括基础样式[gaptabs basic css ] 和实例样式[gaptabs application sample1 css]。</p>

<div class="wp_syntax"><div class="code"><pre class="css"><span style="color: #808080; font-style: italic;">/* gaptabs basic css */</span>
ul,li,ol<span style="color: #66cc66;">&#123;</span>margin<span style="color: #3333ff;">:<span style="color: #933;">0</span></span>;padding<span style="color: #3333ff;">:<span style="color: #933;">0</span></span>;list-style-type<span style="color: #3333ff;">:none</span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span> <span style="color: #6666ff;">.tabtits</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span> <span style="color: #6666ff;">.tabtits</span> li<span style="color: #66cc66;">&#123;</span>float<span style="color: #3333ff;">:left</span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span> <span style="color: #6666ff;">.tabtits</span> li a<span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span> <span style="color: #6666ff;">.tabtits</span> li a span<span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span> <span style="color: #6666ff;">.tabtits</span> li<span style="color: #6666ff;">.nowtit</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span> <span style="color: #6666ff;">.tabcont</span><span style="color: #66cc66;">&#123;</span>clear<span style="color: #3333ff;">:both</span>;display<span style="color: #3333ff;">:none</span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #6666ff;">.gaptabs</span> <span style="color: #6666ff;">.nowcont</span><span style="color: #66cc66;">&#123;</span>display<span style="color: #3333ff;">:block</span>;<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* gaptabs application sample1 css */</span>
<span style="color: #cc00cc;">#bangdan</span><span style="color: #66cc66;">&#123;</span><span style="color: #000000; font-weight: bold;">background</span>:<span style="color: #cc00cc;">#fff</span>; margin<span style="color: #3333ff;">:<span style="color: #933;">6px</span></span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.tabtits</span><span style="color: #66cc66;">&#123;</span>display<span style="color: #3333ff;">:block</span>;background:<span style="color: #cc00cc;">#fff</span>; <span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.tabtits</span> li<span style="color: #66cc66;">&#123;</span> display<span style="color: #3333ff;">:block</span>;height<span style="color: #3333ff;">:<span style="color: #933;">24px</span></span>; line-height<span style="color: #3333ff;">:<span style="color: #933;">24px</span></span>; margin<span style="color: #3333ff;">:<span style="color: #933;">0</span></span> <span style="color: #933;">5px</span>; padding<span style="color: #3333ff;">:<span style="color: #933;">0</span></span> <span style="color: #933;">5px</span>; <span style="color: #000000; font-weight: bold;">background</span>:<span style="color: #cc00cc;">#eee</span>; text-align<span style="color: #3333ff;">:center</span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.tabtits</span> li a<span style="color: #66cc66;">&#123;</span> text-decoration<span style="color: #3333ff;">:none</span>; letter-spacing<span style="color: #3333ff;">:<span style="color: #933;">2px</span></span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.tabtits</span> li a span<span style="color: #66cc66;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span>:<span style="color: #cc00cc;">#<span style="color: #933;">333</span></span>;<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.tabtits</span> li<span style="color: #6666ff;">.nowtit</span><span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">background</span>:<span style="color: #cc00cc;">#EE2605</span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.tabtits</span> li<span style="color: #6666ff;">.nowtit</span> a span<span style="color: #66cc66;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span>:<span style="color: #cc00cc;">#fff</span>;<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.tabcont</span><span style="color: #66cc66;">&#123;</span>min-height<span style="color: #3333ff;">:<span style="color: #933;">500px</span></span>; border-top<span style="color: #3333ff;">:<span style="color: #933;">3px</span></span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#EE2605</span>; padding<span style="color: #3333ff;">:<span style="color: #933;">5px</span></span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#bangdan</span> <span style="color: #6666ff;">.nowcont</span><span style="color: #66cc66;">&#123;</span><span style="color: #000000; font-weight: bold;">background</span>:<span style="color: #cc00cc;">#fff</span>;<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p>二、jQuery调用和jQuery的tab选项卡功能运用和扩展</p>

<div class="wp_syntax"><div class="code"><pre class="javascript">&lt;script type=<span style="color: #3366CC;">&quot;text/javascript&quot;</span> src=<span style="color: #3366CC;">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&quot;</span>&gt;&lt;/script&gt;
&lt;script type=<span style="color: #3366CC;">&quot;text/javascript&quot;</span>&gt;
$<span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//0</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;.gaptabs&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">each</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>i<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//1</span>
<span style="color: #003366; font-weight: bold;">var</span> thistabs=<span style="color: #3366CC;">&quot;.gaptabs:eq(&quot;</span>+i+<span style="color: #3366CC;">&quot;)&quot;</span>;
$<span style="color: #66cc66;">&#40;</span>thistabs+<span style="color: #3366CC;">&quot;&gt;.tabtits&gt;li&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">each</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>j<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//2 //var inthis=$(this).html(); alert(inthis);//alert(j);</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>j==<span style="color: #CC0000;">0</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">addClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;nowtit&quot;</span><span style="color: #66cc66;">&#41;</span>;$<span style="color: #66cc66;">&#40;</span>thistabs+<span style="color: #3366CC;">&quot; .tabcont:eq(&quot;</span>+j+<span style="color: #3366CC;">&quot;)&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">addClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;nowcont&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">mouseover</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//mouseover can be replaced by click alert(j);</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">addClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;nowtit&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">siblings</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;li&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">removeClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;nowtit&quot;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//alert($(this).attr(&quot;class&quot;));</span>
$<span style="color: #66cc66;">&#40;</span>thistabs+<span style="color: #3366CC;">&quot;&gt;.tabcont:eq(&quot;</span>+j+<span style="color: #3366CC;">&quot;)&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">addClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;nowcont&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">siblings</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">removeClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;nowcont&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//2</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//1</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span><span style="color: #009900; font-style: italic;">//0</span>
&lt;/script&gt;</pre></div></div>

<p>三、实例一：自适应tab标题宽度。</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;div</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;gaptabs&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;bangdan&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;tabtits&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;javascript:void(0)&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;span&gt;</span></span>原创金曲榜<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;javascript:void(0)&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;span&gt;</span></span>翻唱<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;div</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;tabcont&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
11111 feilong
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;div</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;tabcont&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
2222 feilong
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #808080; font-style: italic;">&lt;!--bangdan --&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></pre></div></div>

<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/jquery" title="jquery" rel="tag">jquery</a></li> <li><a href="http://feilong.org/tag/tab%e9%80%89%e9%a1%b9%e5%8d%a1" title="tab选项卡" rel="tag">tab选项卡</a></li>
]]></content:encoded>
			<wfw:commentRss>http://feilong.org/jquery-gap-tabs-ul/feed</wfw:commentRss>
		</item>
		<item>
		<title>WordPress调用前后b篇文章并让当前文章居中的数学模型</title>
		<link>http://feilong.org/current-post-between-previous-next-wordpress</link>
		<comments>http://feilong.org/current-post-between-previous-next-wordpress#comments</comments>
		<pubDate>Sun, 11 Mar 2012 09:29:34 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://feilong.org/%e8%b0%83%e7%94%a8%e5%89%8d%e5%90%8eb%e7%af%87%e6%96%87%e7%ab%a0%e5%b9%b6%e8%ae%a9%e5%bd%93%e5%89%8d%e6%96%87%e7%ab%a0%e6%a0%87%e9%a2%98%e5%b1%85%e4%b8%ad%e6%95%b0%e5%ad%a6%e6%a8%a1%e5%9e%8b</guid>
		<description><![CDATA[调用前后b篇文章并让当前文章标题居中数学模型，飞龙采用例证法推断。这个适合调用前后n篇文章并让当前文章居中显示，当然也适合分类，比如调用前后n个分类，让当前分类居中的计算。飞龙给客户定制的WordPress主题中就用到了这个前后日志或分类调用的问题。本日志修订地址：http://feilong.org/current-post-between-previous-next-b 2012年于广州。

&#160;
$b=3;//前后3篇为例，即每页只显示7篇 $perpage=$b*2+1;
$count=22;//不分页情况下的查询日志/分类 总数 可以先查询 $posts or $cats 再count
//$here;当前文章在不分页情况下所处的 位置 当前页所示的当前分类id或日志id，循环总查询获取$here的值
&#160;
//$here  $offset
&#160;
//1 0
//2 0
//3 0
//4 0
if&#40;$here&#60;=$b+1&#41;&#123;$offset=0;&#125;
&#160;
&#160;
//5 1
//6 2
//7 3
//8 4
//9 5
//10 6
//11 7
//12 8
//13 9
//14 10
//15 11
//16 12
//17 13
//18 14
if&#40; &#40;$here&#62;$b+1&#41; &#38;&#38; &#40;$here&#60;$count-$b&#41; &#41;&#123;$offset=$here-$b-1;&#125;
&#160;
&#160;
//19 15
//20 15
//21 15
//22 15
&#160;
if&#40;$here&#62;=$count-$b&#41;&#123;$offset=$count-$b-$b-1;&#125;
&#160;
//echo '$offset='.$offset;//每页排除数
$perpage=2*$b+1;// 每页实际查询数
//可以查询了

Copyright &#169; 2012 飞龙博客.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take [...]]]></description>
			<content:encoded><![CDATA[<p>调用前后b篇文章并让当前文章标题居中数学模型，飞龙采用例证法推断。这个适合调用前后n篇文章并让当前文章居中显示，当然也适合分类，比如调用前后n个分类，让当前分类居中的计算。飞龙给客户定制的WordPress主题中就用到了这个前后日志或分类调用的问题。本日志修订地址：<a href="http://feilong.org/current-post-between-previous-next-b">http://feilong.org/current-post-between-previous-next-b</a> 2012年于广州。</p>

<div class="wp_syntax"><div class="code"><pre class="php">&nbsp;
<span style="color: #0000ff;">$b</span>=<span style="color: #cc66cc;">3</span>;<span style="color: #808080; font-style: italic;">//前后3篇为例，即每页只显示7篇 $perpage=$b*2+1;</span>
<span style="color: #0000ff;">$count</span>=<span style="color: #cc66cc;">22</span>;<span style="color: #808080; font-style: italic;">//不分页情况下的查询日志/分类 总数 可以先查询 $posts or $cats 再count</span>
<span style="color: #808080; font-style: italic;">//$here;当前文章在不分页情况下所处的 位置 当前页所示的当前分类id或日志id，循环总查询获取$here的值</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//$here  $offset</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//1 0</span>
<span style="color: #808080; font-style: italic;">//2 0</span>
<span style="color: #808080; font-style: italic;">//3 0</span>
<span style="color: #808080; font-style: italic;">//4 0</span>
<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$here</span>&lt;=<span style="color: #0000ff;">$b</span><span style="color: #cc66cc;">+1</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #0000ff;">$offset</span>=<span style="color: #cc66cc;">0</span>;<span style="color: #66cc66;">&#125;</span>
&nbsp;
&nbsp;
<span style="color: #808080; font-style: italic;">//5 1</span>
<span style="color: #808080; font-style: italic;">//6 2</span>
<span style="color: #808080; font-style: italic;">//7 3</span>
<span style="color: #808080; font-style: italic;">//8 4</span>
<span style="color: #808080; font-style: italic;">//9 5</span>
<span style="color: #808080; font-style: italic;">//10 6</span>
<span style="color: #808080; font-style: italic;">//11 7</span>
<span style="color: #808080; font-style: italic;">//12 8</span>
<span style="color: #808080; font-style: italic;">//13 9</span>
<span style="color: #808080; font-style: italic;">//14 10</span>
<span style="color: #808080; font-style: italic;">//15 11</span>
<span style="color: #808080; font-style: italic;">//16 12</span>
<span style="color: #808080; font-style: italic;">//17 13</span>
<span style="color: #808080; font-style: italic;">//18 14</span>
<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$here</span>&gt;<span style="color: #0000ff;">$b</span><span style="color: #cc66cc;">+1</span><span style="color: #66cc66;">&#41;</span> &amp;&amp; <span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$here</span>&lt;<span style="color: #0000ff;">$count</span>-<span style="color: #0000ff;">$b</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #0000ff;">$offset</span>=<span style="color: #0000ff;">$here</span>-<span style="color: #0000ff;">$b</span><span style="color: #cc66cc;">-1</span>;<span style="color: #66cc66;">&#125;</span>
&nbsp;
&nbsp;
<span style="color: #808080; font-style: italic;">//19 15</span>
<span style="color: #808080; font-style: italic;">//20 15</span>
<span style="color: #808080; font-style: italic;">//21 15</span>
<span style="color: #808080; font-style: italic;">//22 15</span>
&nbsp;
<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$here</span>&gt;=<span style="color: #0000ff;">$count</span>-<span style="color: #0000ff;">$b</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #0000ff;">$offset</span>=<span style="color: #0000ff;">$count</span>-<span style="color: #0000ff;">$b</span>-<span style="color: #0000ff;">$b</span><span style="color: #cc66cc;">-1</span>;<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//echo '$offset='.$offset;//每页排除数</span>
<span style="color: #0000ff;">$perpage</span>=<span style="color: #cc66cc;">2</span>*<span style="color: #0000ff;">$b</span><span style="color: #cc66cc;">+1</span>;<span style="color: #808080; font-style: italic;">// 每页实际查询数</span>
<span style="color: #808080; font-style: italic;">//可以查询了</span></pre></div></div>

<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/php" title="php" rel="tag">php</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/php-array-filter-or-diff" title="php如何去掉数组中某个或某些值">php如何去掉数组中某个或某些值</a></li>
	<li><a href="http://feilong.org/php-first-view-time-gap-variable-value" title="php根据是否第一次浏览网页和浏览时间间隔给某变量赋值">php根据是否第一次浏览网页和浏览时间间隔给某变量赋值</a></li>
	<li><a href="http://feilong.org/php-check-ie-or-other-browsers" title="PHP 检测客户端浏览器类型和版本和语言">PHP 检测客户端浏览器类型和版本和语言</a></li>
	<li><a href="http://feilong.org/ajax-session-click-add-remove-favorate" title="php点击加入或取消收藏ajax接受数据session存储">php点击加入或取消收藏ajax接受数据session存储</a></li>
	<li><a href="http://feilong.org/wamp-setup-en" title="How to setup wamp on localhost windows">How to setup wamp on localhost windows</a></li>
	<li><a href="http://feilong.org/difference-between-break-continue-exit-php" title="difference between break continue exit in php">difference between break continue exit in php</a></li>
	<li><a href="http://feilong.org/phpmyadmin-database-user-en" title="edit phpmyadmin password creat database or add new user">edit phpmyadmin password creat database or add new user</a></li>
	<li><a href="http://feilong.org/xampp-setup-en" title="How to setup xampp on vista">How to setup xampp on vista</a></li>
	<li><a href="http://feilong.org/install-wordpress-mu-wamp-localdomain" title="Install WordPress MU With WAMP In Windows Localhost localdomain">Install WordPress MU With WAMP In Windows Localhost localdomain</a></li>
	<li><a href="http://feilong.org/php-xml-discuz" title="php写xml文件往discuz X2服务器写xml基本思路">php写xml文件往discuz X2服务器写xml基本思路</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/current-post-between-previous-next-wordpress/feed</wfw:commentRss>
		</item>
		<item>
		<title>全选反选飞龙jQuery解决方案</title>
		<link>http://feilong.org/check-uncheck-juery-solution</link>
		<comments>http://feilong.org/check-uncheck-juery-solution#comments</comments>
		<pubDate>Tue, 06 Mar 2012 16:16:17 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://feilong.org/check-uncheck-juery-solution</guid>
		<description><![CDATA[记得用JavaScript写的全选反选飞龙jQuery解决方案吗？今晚飞龙用jQuery试试checkbox列表的全选反选解决方案。本日志修订网址：http://feilong.org/check-uncheck-juery-solution 2012年于广州

//全选反选飞龙jQuery解决方案
$&#40;function&#40;&#41;&#123;
&#160;
//反选方案
function fl_checkbox&#40;formid,submitclassname&#41;&#123;
$&#40;'#'+formid+' .checkrevert'&#41;.click&#40;function&#40;&#41;&#123;
$&#40;'#'+formid+' input[type=checkbox]'&#41;.each&#40;function&#40;i&#41;&#123;//1
if&#40;this.checked&#41;&#123;
$&#40;this&#41;.removeAttr&#40;'checked'&#41;;//alert('checked');
//$(this).prop(&#34;checked&#34;, false);for jQuery 1.6+
&#125;else&#123;
$&#40;this&#41;.attr&#40;'checked', 'checked'&#41;;//alert('no')
//$(this).prop(&#34;checked&#34;, true);//for jQuery 1.6+
&#125;
&#125;&#41;;
&#125;&#41;;//1
&#160;
//全选方案
$&#40;'#'+formid+' .checkall'&#41;.click&#40;function&#40;&#41;&#123;
$&#40;'#'+formid+' input[type=checkbox]'&#41;.attr&#40;'checked', 'checked'&#41;;
&#125;&#41;;//1
&#160;
//某表单提交
$&#40;'.'+submitclassname&#41;.click&#40;function&#40;&#41;&#123;
var checkedlength=$&#40;'#'+formid+' input[type=checkbox]:checked'&#41;.length;//alert(checkedlength);
if&#40;checkedlength&#41;&#123;return true;
//$('#'+formid).submit(function(){return true;});	
&#125;else&#123;alert&#40;'至少选一项'&#41;;return false;// so it won't submit		
&#125; 
&#125;&#41;;//1
&#160;
&#160;
&#125;///function over
&#160;
//applications
fl_checkbox&#40;'goodorder','ordersubmit'&#41;;
fl_checkbox&#40;'catbuy','buysubmit'&#41;;
&#160;
&#160;
&#160;
&#125;&#41;;//0
&#160;
&#160;
&#160;
&#160;
/**以下只是参考资料**/
//var checked=$('input[name=foo]').attr('checked');alert(checked);
//var checked=$(&#34;#list input[type='checkbox']:checked&#34;); //alert(checked.length);
//var checked=$('#list input:checkbox:checked');alert(checked.length);
//var ischecked=$(this).is(':checked'); //alert(ischecked);
var firstchecked=$&#40;'#list input:checkbox:checked'&#41;.first&#40;&#41;;alert&#40;firstchecked.val&#40;&#41;&#41;;
var checked=$&#40;&#34;#list input:checked[name='jiluids[]']&#34;&#41;;alert&#40;checked.length&#41;;
&#160;
//http://feilong.org/check-uncheck-juery-solution
&#160;
//var nochecked=$(&#34;input[type='checkbox']&#34;).not(':checked');alert(nochecked.length);
//var disabled=$(&#34;input[disabled='disabled']&#34;);//alert(haschecked.length);
&#160;
var checked=$&#40;this&#41;.attr&#40;'checked'&#41;;
if&#40;checked&#41;&#123;
alert&#40;checked&#41;;$&#40;'input[name=foo]'&#41;.attr&#40;'checked', true&#41;;
&#125;else&#123;
alert&#40;checked&#41;;	$&#40;'input[name=foo]'&#41;.attr&#40;'checked', false&#41;;
//$('input[name=foo]').removeAttr('checked')
if&#40;$&#40;'input[name=' + newData + ']'&#41;.is&#40;&#34;:checked&#34;&#41;&#41;&#123;&#125;
&#125;//feilong.org
&#160;
//$('#inboxx input').attr('checked', true);
//$('#inboxx input[type=checkbox]').attr('checked', true);
&#160;
//$('input[name=bar]').attr('checked', 'checked'); // for check
//$('input[name=bar]').removeAttr('checked'); [...]]]></description>
			<content:encoded><![CDATA[<p>记得用JavaScript写的全选反选飞龙jQuery解决方案吗？今晚飞龙用jQuery试试checkbox列表的全选反选解决方案。本日志修订网址：<a href="http://feilong.org/check-uncheck-juery-solution">http://feilong.org/check-uncheck-juery-solution</a> 2012年于广州</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #009900; font-style: italic;">//全选反选飞龙jQuery解决方案</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//反选方案</span>
<span style="color: #003366; font-weight: bold;">function</span> fl_checkbox<span style="color: #66cc66;">&#40;</span>formid,submitclassname<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#'</span>+formid+<span style="color: #3366CC;">' .checkrevert'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">click</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#'</span>+formid+<span style="color: #3366CC;">' input[type=checkbox]'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">each</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>i<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//1</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">checked</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">removeAttr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'checked'</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//alert('checked');</span>
<span style="color: #009900; font-style: italic;">//$(this).prop(&quot;checked&quot;, false);for jQuery 1.6+</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'checked'</span>, <span style="color: #3366CC;">'checked'</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//alert('no')</span>
<span style="color: #009900; font-style: italic;">//$(this).prop(&quot;checked&quot;, true);//for jQuery 1.6+</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//1</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//全选方案</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#'</span>+formid+<span style="color: #3366CC;">' .checkall'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">click</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#'</span>+formid+<span style="color: #3366CC;">' input[type=checkbox]'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'checked'</span>, <span style="color: #3366CC;">'checked'</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//1</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//某表单提交</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'.'</span>+submitclassname<span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">click</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> checkedlength=$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#'</span>+formid+<span style="color: #3366CC;">' input[type=checkbox]:checked'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">length</span>;<span style="color: #009900; font-style: italic;">//alert(checkedlength);</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>checkedlength<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span>;
<span style="color: #009900; font-style: italic;">//$('#'+formid).submit(function(){return true;});	</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span><span style="color: #000066;">alert</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'至少选一项'</span><span style="color: #66cc66;">&#41;</span>;return <span style="color: #003366; font-weight: bold;">false</span>;<span style="color: #009900; font-style: italic;">// so it won't submit		</span>
<span style="color: #66cc66;">&#125;</span> 
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//1</span>
&nbsp;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #009900; font-style: italic;">///function over</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//applications</span>
fl_checkbox<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'goodorder'</span>,<span style="color: #3366CC;">'ordersubmit'</span><span style="color: #66cc66;">&#41;</span>;
fl_checkbox<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'catbuy'</span>,<span style="color: #3366CC;">'buysubmit'</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
&nbsp;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//0</span>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
<span style="color: #009900; font-style: italic;">/**以下只是参考资料**/</span>
<span style="color: #009900; font-style: italic;">//var checked=$('input[name=foo]').attr('checked');alert(checked);</span>
<span style="color: #009900; font-style: italic;">//var checked=$(&quot;#list input[type='checkbox']:checked&quot;); //alert(checked.length);</span>
<span style="color: #009900; font-style: italic;">//var checked=$('#list input:checkbox:checked');alert(checked.length);</span>
<span style="color: #009900; font-style: italic;">//var ischecked=$(this).is(':checked'); //alert(ischecked);</span>
<span style="color: #003366; font-weight: bold;">var</span> firstchecked=$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#list input:checkbox:checked'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">first</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;alert<span style="color: #66cc66;">&#40;</span>firstchecked.<span style="color: #006600;">val</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #003366; font-weight: bold;">var</span> checked=$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#list input:checked[name='jiluids[]']&quot;</span><span style="color: #66cc66;">&#41;</span>;alert<span style="color: #66cc66;">&#40;</span>checked.<span style="color: #006600;">length</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #009900; font-style: italic;">//http://feilong.org/check-uncheck-juery-solution</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//var nochecked=$(&quot;input[type='checkbox']&quot;).not(':checked');alert(nochecked.length);</span>
<span style="color: #009900; font-style: italic;">//var disabled=$(&quot;input[disabled='disabled']&quot;);//alert(haschecked.length);</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> checked=$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'checked'</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>checked<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
<span style="color: #000066;">alert</span><span style="color: #66cc66;">&#40;</span>checked<span style="color: #66cc66;">&#41;</span>;$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'input[name=foo]'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'checked'</span>, <span style="color: #003366; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span>
<span style="color: #000066;">alert</span><span style="color: #66cc66;">&#40;</span>checked<span style="color: #66cc66;">&#41;</span>;	$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'input[name=foo]'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'checked'</span>, <span style="color: #003366; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #009900; font-style: italic;">//$('input[name=foo]').removeAttr('checked')</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'input[name='</span> + newData + <span style="color: #3366CC;">']'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #000066; font-weight: bold;">is</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;:checked&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #009900; font-style: italic;">//feilong.org</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//$('#inboxx input').attr('checked', true);</span>
<span style="color: #009900; font-style: italic;">//$('#inboxx input[type=checkbox]').attr('checked', true);</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//$('input[name=bar]').attr('checked', 'checked'); // for check</span>
<span style="color: #009900; font-style: italic;">//$('input[name=bar]').removeAttr('checked'); // for uncheck</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//var checked=$('#list input:checkbox:checked');alert(checked.length);</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'input:checked'</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #009900; font-style: italic;">//http://widowmaker.kiev.ua/checkbox/</span>
<span style="color: #009900; font-style: italic;">//http://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery-or-javascript</span>
<span style="color: #009900; font-style: italic;">//http://api.jquery.com/checked-selector/</span>
<span style="color: #009900; font-style: italic;">//http://api.jquery.com/prop/#prop1</span>
<span style="color: #009900; font-style: italic;">//$('#inboxx input').attr('checked', true);</span>
<span style="color: #009900; font-style: italic;">//$('#inboxx input[type=checkbox]').attr('checked', true);</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//$('input[name=bar]').attr('checked', 'checked'); // for check</span>
<span style="color: #009900; font-style: italic;">//$('input[name=bar]').removeAttr('checked'); // for uncheck</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//var checked=$('#list input:checkbox:checked');alert(checked.length);</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'input:checked'</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
&nbsp;
<span style="color: #009900; font-style: italic;">//$(&quot;#list&quot;).submit(function(){return false;});// so it won't submit</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;.myCheckbox&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">prop</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;checked&quot;</span>, <span style="color: #003366; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;.myCheckbox&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">prop</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;checked&quot;</span>, <span style="color: #003366; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span>;</pre></div></div>

<p>如果只想用JavaScript，可以参考：<a href="http://feilong.org/checkbox-choose-all-atleast-one-checked">http://feilong.org/checkbox-choose-all-atleast-one-checked</a> </p>
<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/javascript" title="JavaScript" rel="tag">JavaScript</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/search-kewords-onfocus" title="搜索框关键字提示代码点击后消失移开又重现">搜索框关键字提示代码点击后消失移开又重现</a></li>
	<li><a href="http://feilong.org/popup-window-onload" title="网页加载时如何自动弹出窗口代码">网页加载时如何自动弹出窗口代码</a></li>
	<li><a href="http://feilong.org/checkbox-choose-all-atleast-one-checked" title="checkbox复选框全选反选至少选中一项完整解决方案">checkbox复选框全选反选至少选中一项完整解决方案</a></li>
	<li><a href="http://feilong.org/links-page-div-open-blank" title="不用css而用js控制div层内链接在新窗口打开解决方案">不用css而用js控制div层内链接在新窗口打开解决方案</a></li>
	<li><a href="http://feilong.org/ajax-session-click-add-remove-favorate" title="php点击加入或取消收藏ajax接受数据session存储">php点击加入或取消收藏ajax接受数据session存储</a></li>
	<li><a href="http://feilong.org/discuz-checkbox-checkall-uncheckall" title="Discuz x2 checkbox 全选或取消代码演示">Discuz x2 checkbox 全选或取消代码演示</a></li>
	<li><a href="http://feilong.org/popupwindow-abc-5" title="弹出窗口如何定时关闭的js代码">弹出窗口如何定时关闭的js代码</a></li>
	<li><a href="http://feilong.org/popup-window-shut-button" title="如何给弹出窗口加上关闭按钮">如何给弹出窗口加上关闭按钮</a></li>
	<li><a href="http://feilong.org/external-link-clicks-count" title="站外链接被点击多少次功能代码思路">站外链接被点击多少次功能代码思路</a></li>
	<li><a href="http://feilong.org/onclick-a-link-popout-div" title="点击按钮链接显示隐藏弹出div层">点击按钮链接显示隐藏弹出div层</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/check-uncheck-juery-solution/feed</wfw:commentRss>
		</item>
		<item>
		<title>翻页分页数学模型智力题</title>
		<link>http://feilong.org/page-navi-maths</link>
		<comments>http://feilong.org/page-navi-maths#comments</comments>
		<pubDate>Mon, 27 Feb 2012 12:28:49 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[php 学习]]></category>

		<guid isPermaLink="false">http://feilong.org/page-navi-maths</guid>
		<description><![CDATA[今天准备己开发一个分页翻页的php函数，不想直接采用他人的代码，自己先研究一下，方便以后自由自定义。先自己拟定了如下的翻页分页数学模型智力题，自己出题，自己解答。
已知最大页数maxpage=27，将他们分为若干个区间，每个区间rang=7，求最后一个区间会有多少个数字？一共有多少个区间？
飞龙解答：
1、先例证法：
1234567
891011121314
15161718192021
222324252627
2、再考虑数学模型如下：
设最后一行有m个数字，设一共可以分为n个区间。根据例证法得知，
最后区间的计算公式是： 7(n-1)+1 到 7(n-1)+m   或   7n-7+1 到 7n-7+m
其它每个区间的计算公式是：7(n-1)+1 到 7n
最后一行的开头和结束，组成二元一次方程如下：
27=7n-7+m，
22=7n-7+1
第一个方程减去第二个方程，得出：m-1=5
即：m=6
将m值代入任意一个方程，得出：7n=28
即：n=4
3、有没有更抽象不需要例证法支持的解答？
设一共n个区间，则7n是可能的最大值，也就是 7n>=27 得出 n>=27/7 即 n>=4
7n-6是可能的 最后行第一个值，也就 7n-6]]></description>
			<content:encoded><![CDATA[<p>今天准备己开发一个分页翻页的php函数，不想直接采用他人的代码，自己先研究一下，方便以后自由自定义。先自己拟定了如下的翻页分页数学模型智力题，自己出题，自己解答。</p>
<p>已知最大页数maxpage=27，将他们分为若干个区间，每个区间rang=7，求最后一个区间会有多少个数字？一共有多少个区间？</p>
<p>飞龙解答：</p>
<p>1、先例证法：</p>
<p>1234567<br />
891011121314<br />
15161718192021<br />
222324252627</p>
<p>2、再考虑数学模型如下：</p>
<p>设最后一行有m个数字，设一共可以分为n个区间。根据例证法得知，<br />
最后区间的计算公式是： 7(n-1)+1 到 7(n-1)+m   或   7n-7+1 到 7n-7+m<br />
其它每个区间的计算公式是：7(n-1)+1 到 7n</p>
<p>最后一行的开头和结束，组成二元一次方程如下：<br />
27=7n-7+m，<br />
22=7n-7+1</p>
<p>第一个方程减去第二个方程，得出：m-1=5<br />
即：m=6</p>
<p>将m值代入任意一个方程，得出：7n=28<br />
即：n=4</p>
<p>3、有没有更抽象不需要例证法支持的解答？</p>
<p>设一共n个区间，则7n是可能的最大值，也就是 7n>=27 得出 n>=27/7 即 n>=4<br />
7n-6是可能的 最后行第一个值，也就 7n-6<=27 得出 n<=33/7 即 n<5<br />
得出n=4<br />
那么27是最后一行的第几个呢？7n-7+m=27，代入n，得出 m=6</p>
<p>$pages = ceil($total_posts/$posts_per_page);</p>
<p>4、进一步提出：如果当前页是15，请问它分布第几个区间？</p>
<p>解答：设它分布在第k个区间，则由例证可知在：</p>
<p>如果不在最后一个区间，则 7k-7+1 <=15<= 7k 成立<br />
得出：7k-6<=15<= 7k<br />
也就是说： k<=3 且 k>=15/7<br />
由于k是整数，也就是 k<=3 且 k>=3<br />
得出，k=3</p>
<p>如果在最后一个空间，则 7k-7+1 <=15<= 7k-7+m 成立，代入m=6<br />
得出：7k-6 <=15<= 7k-1<br />
也就是说：k<=3 且 k>=16/7<br />
由于k是整数，也就是 k<=3 且 k>=3<br />
得出，k=3</p>
<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/php-%e5%ad%a6%e4%b9%a0" title="php 学习" rel="tag">php 学习</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/phpnow" title="绿色PHP本地服务器PHPNOW下载和简介">绿色PHP本地服务器PHPNOW下载和简介</a></li>
	<li><a href="http://feilong.org/wiki-wamp-ask-answer" title="本地调试php服务器套件wamp问题和飞龙回答">本地调试php服务器套件wamp问题和飞龙回答</a></li>
	<li><a href="http://feilong.org/wamp-setup" title="如何安装WAMP套件快速建立本地php服务器环境">如何安装WAMP套件快速建立本地php服务器环境</a></li>
	<li><a href="http://feilong.org/iirf-wordpress-url" title="安装IIRF实现iis服务器wordpress重写URL方法">安装IIRF实现iis服务器wordpress重写URL方法</a></li>
	<li><a href="http://feilong.org/php5-mysql-iis6" title="php5环境集成安装包forIIS6修正版下载和安装">php5环境集成安装包forIIS6修正版下载和安装</a></li>
	<li><a href="http://feilong.org/utc-time-php-javascript" title="php或js获取指定时区的当前时间">php或js获取指定时区的当前时间</a></li>
	<li><a href="http://feilong.org/phpmyadmin-database-user" title="phpmyadmin如何创建数据库并绑定用户名">phpmyadmin如何创建数据库并绑定用户名</a></li>
	<li><a href="http://feilong.org/xampp-setup" title="vista系统如何安装使用Xampp本地php服务器">vista系统如何安装使用Xampp本地php服务器</a></li>
	<li><a href="http://feilong.org/zero-null-emptystring-php" title="零空值未设置php小测验让零值和非空值通过if判断">零空值未设置php小测验让零值和非空值通过if判断</a></li>
	<li><a href="http://feilong.org/wordpress-mu-wamp-localdomain" title="用wamp在windows本机安装wordpress mu解决方法">用wamp在windows本机安装wordpress mu解决方法</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/page-navi-maths/feed</wfw:commentRss>
		</item>
		<item>
		<title>第一个同级元素 css伪类的写法举例</title>
		<link>http://feilong.org/css-first-child</link>
		<comments>http://feilong.org/css-first-child#comments</comments>
		<pubDate>Sun, 19 Feb 2012 08:34:16 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[tutorials]]></category>

		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://feilong.org/css-first-child</guid>
		<description><![CDATA[第一个同级元素，第一个同胞，老大，css伪类的写法
一、css写法。

/*提示：first-child指的是li，不是ul*/
li:first-child&#123;color:#f00;&#125;
&#160;
/*提示：first-child指的是ul*/
ul#feilong:first-child&#123;border:1px solid #060;&#125;


&#60;ul&#62;
&#60;li&#62;这是li第一&#60;/li&#62;
&#60;li&#62;这是li第二&#60;/li&#62;
&#60;li&#62;这是li第三&#60;/li&#62;
&#60;/ul&#62;
&#160;
&#60;ul id=&#34;feilong&#34;&#62;
&#60;li&#62;这也算li第一，还是 ul#feilong的第一&#60;/li&#62;
&#60;/ul&#62;
&#160;
&#60;ul id=&#34;org&#34;&#62;
&#60;li&#62;这也算li第一,但是不是ul#feilong的第一或第二&#60;/li&#62;
&#60;/ul&#62;

Copyright &#169; 2012 飞龙博客.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.Plugin by Taragana
	css

	密切相关日志如下：
	
	纯css模拟文件上传控件飞龙解决方案
	表格table标题内容一行显示多的用省略号
	分享飞龙分页代码html css和php函数
	feilong tab slider pure css ul li no javascript


]]></description>
			<content:encoded><![CDATA[<p>第一个同级元素，第一个同胞，老大，css伪类的写法</p>
<p>一、css写法。</p>

<div class="wp_syntax"><div class="code"><pre class="css"><span style="color: #808080; font-style: italic;">/*提示：first-child指的是li，不是ul*/</span>
li<span style="color: #3333ff;">:first-child</span><span style="color: #66cc66;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span>:<span style="color: #cc00cc;">#f00</span>;<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/*提示：first-child指的是ul*/</span>
ul<span style="color: #cc00cc;">#feilong</span><span style="color: #3333ff;">:first-child</span><span style="color: #66cc66;">&#123;</span>border<span style="color: #3333ff;">:<span style="color: #933;">1px</span></span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#<span style="color: #933;">060</span></span>;<span style="color: #66cc66;">&#125;</span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="html4strict"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span>这是li第一<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span>这是li第二<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span>这是li第三<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;feilong&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span>这也算li第一，还是 ul#feilong的第一<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;org&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span>这也算li第一,但是不是ul#feilong的第一或第二<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span></pre></div></div>

<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/css" title="css" rel="tag">css</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/feilong-pagenavi-html-css-php" title="分享飞龙分页代码html css和php函数">分享飞龙分页代码html css和php函数</a></li>
	<li><a href="http://feilong.org/tabslider-purecss-nojavascript-en" title="feilong tab slider pure css ul li no javascript">feilong tab slider pure css ul li no javascript</a></li>
	<li><a href="http://feilong.org/css-simulate-upload-file-button" title="纯css模拟文件上传控件飞龙解决方案">纯css模拟文件上传控件飞龙解决方案</a></li>
	<li><a href="http://feilong.org/table-css-ellipsis" title="表格table标题内容一行显示多的用省略号">表格table标题内容一行显示多的用省略号</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/css-first-child/feed</wfw:commentRss>
		</item>
		<item>
		<title>服务器不支持session怎么办</title>
		<link>http://feilong.org/session-php-webserver-no</link>
		<comments>http://feilong.org/session-php-webserver-no#comments</comments>
		<pubDate>Fri, 10 Feb 2012 03:30:20 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[php]]></category>

		<category><![CDATA[session]]></category>

		<guid isPermaLink="false">http://feilong.org/session-php-webserver-no</guid>
		<description><![CDATA[在使用php和session存储数据的时候，本地xampp服务器能使用session，但ftp上传到远程虚拟主机服务器，飞龙发现竟然没有存储session。莫非服务器不支持session 还是php代码本日志更新网址：http://feilong.org/session-php-webserver-no 加入收藏夹，查看更方便。
我们下了解一下session的机制：Session数据保存在服务器端, 但是每一个客户端都需要保存一个SessionID, SessionID保存在Cookies中, 关闭浏览器时过期.在向服务器发送的HTTP请求中会包含SessionID, 服务器端根据SessionID获取获取此用户的Session信息。
飞龙用session的和php编写的存储程序参见： http://feilong.org/ajax-session-click-add-remove-favorate 本地服务器是win7+xampp集成环境，运行session结果显示正常存储了session数据。
然后放到上linux Apache mysql的虚拟主机上，用session的程序以后虽然提示成功，但是session数据在接受页并没显示，说明session数据并没有存储。
网上查了一些答案：session_start()的前面有echo之类的语句，包括html空行？如果服务器不支持session,先要开启？session 也要用到cookie，您看下您的cookie是否已禁用？本机不报错，因为你本机的php配置去掉了错误显示？
一般来说，不让header(); 之前有echo或html，这个是个很细致的检查工作，有没有办法避免呢，也就是如何使用session_start();  才能让让header(); 之前有echo或html，也不会出错呢？
session的输入缓冲机制为我们解决了这个问题。

ob_start&#40;&#41;;
&#160;
// some html
// echo 'feilong before';
&#160;
//anything
&#160;
@session_start&#40;&#41;;
//header(......);
&#160;
// some html
// echo 'feilong after';
&#160;
//some html
//anything
&#160;
ob_flush&#40;&#41;;

经过测试，飞龙发现远程主机也可以运行session并成功存储数据了，并不是服务器不支持session的原因。
Copyright &#169; 2012 飞龙博客.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.Plugin by Taragana
	php session

	密切相关日志如下：
	
	session 键值命名无效测试与浏览次数php函数
	Install WordPress MU With WAMP In Windows Localhost [...]]]></description>
			<content:encoded><![CDATA[<p>在使用php和session存储数据的时候，本地xampp服务器能使用session，但ftp上传到远程虚拟主机服务器，飞龙发现竟然没有存储session。莫非服务器不支持session 还是php代码本日志更新网址：<a href="http://feilong.org/session-php-webserver-no">http://feilong.org/session-php-webserver-no</a> 加入收藏夹，查看更方便。</p>
<p>我们下了解一下session的机制：Session数据保存在服务器端, 但是每一个客户端都需要保存一个SessionID, SessionID保存在Cookies中, 关闭浏览器时过期.在向服务器发送的HTTP请求中会包含SessionID, 服务器端根据SessionID获取获取此用户的Session信息。</p>
<p>飞龙用session的和php编写的存储程序参见： <a href="http://feilong.org/ajax-session-click-add-remove-favorate">http://feilong.org/ajax-session-click-add-remove-favorate</a> 本地服务器是win7+xampp集成环境，运行session结果显示正常存储了session数据。</p>
<p>然后放到上linux Apache mysql的虚拟主机上，用session的程序以后虽然提示成功，但是session数据在接受页并没显示，说明session数据并没有存储。</p>
<p>网上查了一些答案：session_start()的前面有echo之类的语句，包括html空行？如果服务器不支持session,先要开启？session 也要用到cookie，您看下您的cookie是否已禁用？本机不报错，因为你本机的php配置去掉了错误显示？</p>
<p>一般来说，不让header(); 之前有echo或html，这个是个很细致的检查工作，有没有办法避免呢，也就是如何使用session_start();  才能让让header(); 之前有echo或html，也不会出错呢？</p>
<p>session的输入缓冲机制为我们解决了这个问题。</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000066;">ob_start</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">// some html</span>
<span style="color: #808080; font-style: italic;">// echo 'feilong before';</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//anything</span>
&nbsp;
@<span style="color: #000066;">session_start</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #808080; font-style: italic;">//header(......);</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// some html</span>
<span style="color: #808080; font-style: italic;">// echo 'feilong after';</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//some html</span>
<span style="color: #808080; font-style: italic;">//anything</span>
&nbsp;
<span style="color: #000066;">ob_flush</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;</pre></div></div>

<p>经过测试，飞龙发现远程主机也可以运行session并成功存储数据了，并不是服务器不支持session的原因。</p>
<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/php" title="php" rel="tag">php</a></li> <li><a href="http://feilong.org/tag/session" title="session" rel="tag">session</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/difference-between-break-continue-exit-php" title="difference between break continue exit in php">difference between break continue exit in php</a></li>
	<li><a href="http://feilong.org/ajax-session-click-add-remove-favorate" title="php点击加入或取消收藏ajax接受数据session存储">php点击加入或取消收藏ajax接受数据session存储</a></li>
	<li><a href="http://feilong.org/phpmyadmin-database-user-en" title="edit phpmyadmin password creat database or add new user">edit phpmyadmin password creat database or add new user</a></li>
	<li><a href="http://feilong.org/feilong-pagenavi-html-css-php" title="分享飞龙分页代码html css和php函数">分享飞龙分页代码html css和php函数</a></li>
	<li><a href="http://feilong.org/external-link-clicks-count" title="站外链接被点击多少次功能代码思路">站外链接被点击多少次功能代码思路</a></li>
	<li><a href="http://feilong.org/gelai8-discuz-x2-php-dev" title="用discuz X2 音乐创作社区 歌来网php开发小结">用discuz X2 音乐创作社区 歌来网php开发小结</a></li>
	<li><a href="http://feilong.org/wamp-setup-en" title="How to setup wamp on localhost windows">How to setup wamp on localhost windows</a></li>
	<li><a href="http://feilong.org/php-array-filter-or-diff" title="php如何去掉数组中某个或某些值">php如何去掉数组中某个或某些值</a></li>
	<li><a href="http://feilong.org/session-no-num-srart" title="session 键值命名无效测试与浏览次数php函数">session 键值命名无效测试与浏览次数php函数</a></li>
	<li><a href="http://feilong.org/php-check-ie-or-other-browsers" title="PHP 检测客户端浏览器类型和版本和语言">PHP 检测客户端浏览器类型和版本和语言</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/session-php-webserver-no/feed</wfw:commentRss>
		</item>
		<item>
		<title>php点击加入或取消收藏ajax接受数据session存储</title>
		<link>http://feilong.org/ajax-session-click-add-remove-favorate</link>
		<comments>http://feilong.org/ajax-session-click-add-remove-favorate#comments</comments>
		<pubDate>Fri, 03 Feb 2012 12:55:02 +0000</pubDate>
		<dc:creator>飞龙博客</dc:creator>
		
		<category><![CDATA[wordpress]]></category>

		<category><![CDATA[网站开发]]></category>

		<category><![CDATA[ajax]]></category>

		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[php]]></category>

		<category><![CDATA[session]]></category>

		<guid isPermaLink="false">http://feilong.org/ajax-session-click-add-remove-favorate</guid>
		<description><![CDATA[点击某个图片或文本链接或任何DOM元素，将某日志文章加入收藏或取消收藏，可以采用ajax实现，然后在接受数据页用session存储该文章ID号。如何用Ajax与session结合，实现加入或取消收藏的功能？飞龙自己捣鼓了以下的代码。本日志修订网址：http://feilong.org/ajax-session-click-add-remove-favorate
一、首先在点击互动页，一般是某文章页。
飞龙的WordPress是某个single日志页，需要实现点击链接切换收藏或取消收藏的效果。同时需要向目标数据接受页传递日志ID号。
1、根据本文章是否已经收藏，调出对应的链接图片或文本：

&#60;?php 
@session_start&#40;&#41;;$addids=$_SESSION&#91;'pids'&#93;;print_r&#40;$addids&#41;;
if&#40;in_array&#40;$postid,$addids&#41;&#41;&#123;$hide2='hide';&#125;else&#123;$hide1='hide';&#125;
?&#62;
&#60;a href=&#34;#&#34; title=&#34;已收藏，取消标记吗&#34; id=&#34;biaojied&#34; class=&#34;&#60;?php echo $hide1; ?&#62;&#34;&#62;&#60;span&#62;取消收藏&#60;/span&#62;&#60;/a&#62;
&#60;a href=&#34;#&#34; title=&#34;把本文加入收藏&#34; id=&#34;biaoji&#34; class=&#34;&#60;?php echo $hide2; ?&#62;&#34;&#62;&#60;span&#62;加入收藏&#60;/span&#62;&#60;/a&#62;
&#160;
&#60;a id=&#34;pid&#34; title=&#34;&#60;?php $postid=$post-&#62;ID;echo $post-&#62;ID;//feilong ?&#62;&#34; href=&#34;&#60;?php the_permalink(); ?&#62;&#34;&#62;&#60;?php the_title&#40;&#41;; ?&#62;&#60;/a&#62;

2、点击上面显示出来的某个链接，实现轮换链接，并实现向“数据接受页”传递日志ID号。以下是飞龙自己写的jQuery和Ajax结合实现变换和传递数据。

////收藏////
$&#40;function&#40;&#41;&#123;
var pid=$&#40;&#34;#pid&#34;&#41;.attr&#40;&#34;title&#34;&#41;;//alert(pid);
$&#40;&#34;#biaoji&#34;&#41;.click&#40;function&#40;&#41;&#123;//
&#160;
$&#40;this&#41;.toggleClass&#40;&#34;hide&#34;&#41;;
&#160;
// 向‘收藏页’提交此文的pid
$.ajax&#40;&#123;
type: &#34;POST&#34;,
url: &#34;http://127.0.0.1/xinyuan/bookmark&#34;,//此为数据接受页，可以改为你自己的实际url
data:&#34;pid=&#34;+pid,
&#160;
success: function&#40;msg&#41;&#123; // alert(msg);
&#160;
var addpid=$&#40;msg&#41;.find&#40;&#34;#addpid&#34;&#41;.text&#40;&#41;;//alert(addpid); //此#addpid点击的同时，数据接受页内的DOM
//$(&#34;#zhaiyao&#34;).append(msg);
if&#40;addpid&#41;&#123;
alert&#40;'success: 收藏此文ID：'+addpid&#41;; //成功提示，可以采用其它方式提示
&#125;else&#123;//收藏失败
&#125;//
&#160;
&#125;//success
&#160;
&#125;&#41;;//$.ajax
&#160;
$&#40;&#34;#biaojied&#34;&#41;.toggleClass&#40;&#34;hide&#34;&#41;;
&#160;
&#125;&#41;;
&#125;&#41;;//0
&#160;
////取消收藏////
$&#40;function&#40;&#41;&#123;
var pid=$&#40;&#34;#pid&#34;&#41;.attr&#40;&#34;title&#34;&#41;;//alert(pid);
$&#40;&#34;#biaojied&#34;&#41;.click&#40;function&#40;&#41;&#123;//
&#160;
$&#40;this&#41;.toggleClass&#40;&#34;hide&#34;&#41;;
&#160;
// 向‘收藏页’提交此文的pid
$.ajax&#40;&#123;
type: &#34;POST&#34;,
url: &#34;http://127.0.0.1/xinyuan/bookmark&#34;,
data:&#34;pid=&#34;+pid,
&#160;
success: function&#40;msg&#41;&#123; // alert(msg);
&#160;
var movepid=$&#40;msg&#41;.find&#40;&#34;#movepid&#34;&#41;.text&#40;&#41;;//alert(movepid); 
//$(&#34;#zhaiyao&#34;).append(msg);
if&#40;movepid&#41;&#123;
&#160;
alert&#40;'success: 取消收藏此文ID：'+movepid&#41;; 
&#160;
&#125;else&#123;
//无法取消收藏？
&#125;//
&#160;
&#160;
&#125;//success
&#160;
&#125;&#41;;//$.ajax
&#160;
$&#40;&#34;#biaoji&#34;&#41;.toggleClass&#40;&#34;hide&#34;&#41;;
&#160;
&#125;&#41;;
&#125;&#41;;//0

二、数据接受页，飞龙采用指定的某page页面。需要接受来自 互动点击页的ID，并检查已有session是否有此日志ID，并做相应的处理，输出新的session值。如果是直接打开此页面，而没有接受到任何数据，那么直接取出已有的session值。
1、接受传递过来的日志ID，并处理session得到新session，显示日志ID的DOM，方便第一步里msg调用。

&#160;
&#60;?php
$pid=$_POST&#91;'pid'&#93;;
&#160;
if&#40;$pid&#41;&#123;
fl_add_favors&#40;$pid&#41;;
//$pids=$_SESSION['pids'];
&#160;
$addpid=$_SESSION&#91;'addpid'&#93;;
echo '&#60;div id=&#34;addpid&#34;&#62;'.$addpid.'&#60;/div&#62;';
&#160;
$movepid=$_SESSION&#91;'movepid'&#93;;
echo '&#60;div id=&#34;movepid&#34;&#62;'.$movepid.'&#60;/div&#62;';
&#160;
&#125;else&#123;//直接打开此收藏页的情况下，取出已有session即可
@session_start&#40;&#41;;
$pids=$_SESSION&#91;'pids'&#93;;
&#160;
print_r&#40;$pids&#41;;
&#160;
&#125;///
&#160;
?&#62;

2、飞龙写的session处理函数：接受来自 互动点击页的ID，并检查已有session是否有此日志ID，并做相应的处理，输出新的session值。

function fl_add_favors&#40;$pid&#41;&#123;
@session_start&#40;&#41;;
&#160;
$old=$_SESSION&#91;'pids'&#93;;
if&#40;in_array&#40;$pid,$old&#41;&#41;&#123;//已收藏，干掉
$a2&#91;&#93;=$pid;
//从数组中去掉此 [...]]]></description>
			<content:encoded><![CDATA[<p>点击某个图片或文本链接或任何DOM元素，将某日志文章加入收藏或取消收藏，可以采用ajax实现，然后在接受数据页用session存储该文章ID号。如何用Ajax与session结合，实现加入或取消收藏的功能？飞龙自己捣鼓了以下的代码。本日志修订网址：<a href="http://feilong.org/ajax-session-click-add-remove-favorate">http://feilong.org/ajax-session-click-add-remove-favorate</a></p>
<p>一、首先在点击互动页，一般是某文章页。<br />
飞龙的WordPress是某个single日志页，需要实现点击链接切换收藏或取消收藏的效果。同时需要向目标数据接受页传递日志ID号。</p>
<p>1、根据本文章是否已经收藏，调出对应的链接图片或文本：</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000000; font-weight: bold;">&lt;?php</span> 
@<span style="color: #000066;">session_start</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #0000ff;">$addids</span>=<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'pids'</span><span style="color: #66cc66;">&#93;</span>;print_r<span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$addids</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #000066;">in_array</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$postid</span>,<span style="color: #0000ff;">$addids</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #0000ff;">$hide2</span>=<span style="color: #ff0000;">'hide'</span>;<span style="color: #66cc66;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #66cc66;">&#123;</span><span style="color: #0000ff;">$hide1</span>=<span style="color: #ff0000;">'hide'</span>;<span style="color: #66cc66;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;a href=<span style="color: #ff0000;">&quot;#&quot;</span> title=<span style="color: #ff0000;">&quot;已收藏，取消标记吗&quot;</span> id=<span style="color: #ff0000;">&quot;biaojied&quot;</span> <span style="color: #000000; font-weight: bold;">class</span>=<span style="color: #ff0000;">&quot;&lt;?php echo $hide1; ?&gt;&quot;</span>&gt;&lt;span&gt;取消收藏&lt;/span&gt;&lt;/a&gt;
&lt;a href=<span style="color: #ff0000;">&quot;#&quot;</span> title=<span style="color: #ff0000;">&quot;把本文加入收藏&quot;</span> id=<span style="color: #ff0000;">&quot;biaoji&quot;</span> <span style="color: #000000; font-weight: bold;">class</span>=<span style="color: #ff0000;">&quot;&lt;?php echo $hide2; ?&gt;&quot;</span>&gt;&lt;span&gt;加入收藏&lt;/span&gt;&lt;/a&gt;
&nbsp;
&lt;a id=<span style="color: #ff0000;">&quot;pid&quot;</span> title=<span style="color: #ff0000;">&quot;&lt;?php $postid=$post-&gt;ID;echo $post-&gt;ID;//feilong ?&gt;&quot;</span> href=<span style="color: #ff0000;">&quot;&lt;?php the_permalink(); ?&gt;&quot;</span>&gt;&lt;?php the_title<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;&lt;/a&gt;</pre></div></div>

<p>2、点击上面显示出来的某个链接，实现轮换链接，并实现向“数据接受页”传递日志ID号。以下是飞龙自己写的jQuery和Ajax结合实现变换和传递数据。</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #009900; font-style: italic;">////收藏////</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> pid=$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#pid&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//alert(pid);</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#biaoji&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">click</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">toggleClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;hide&quot;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #009900; font-style: italic;">// 向‘收藏页’提交此文的pid</span>
$.<span style="color: #006600;">ajax</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>
type: <span style="color: #3366CC;">&quot;POST&quot;</span>,
url: <span style="color: #3366CC;">&quot;http://127.0.0.1/xinyuan/bookmark&quot;</span>,<span style="color: #009900; font-style: italic;">//此为数据接受页，可以改为你自己的实际url</span>
data:<span style="color: #3366CC;">&quot;pid=&quot;</span>+pid,
&nbsp;
success: <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>msg<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span> <span style="color: #009900; font-style: italic;">// alert(msg);</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> addpid=$<span style="color: #66cc66;">&#40;</span>msg<span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">find</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#addpid&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">text</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//alert(addpid); //此#addpid点击的同时，数据接受页内的DOM</span>
<span style="color: #009900; font-style: italic;">//$(&quot;#zhaiyao&quot;).append(msg);</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>addpid<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
<span style="color: #000066;">alert</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'success: 收藏此文ID：'</span>+addpid<span style="color: #66cc66;">&#41;</span>; <span style="color: #009900; font-style: italic;">//成功提示，可以采用其它方式提示</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//收藏失败</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #009900; font-style: italic;">//</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #009900; font-style: italic;">//success</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//$.ajax</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#biaojied&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">toggleClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;hide&quot;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//0</span>
&nbsp;
<span style="color: #009900; font-style: italic;">////取消收藏////</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> pid=$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#pid&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//alert(pid);</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#biaojied&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">click</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #009900; font-style: italic;">//</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">toggleClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;hide&quot;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #009900; font-style: italic;">// 向‘收藏页’提交此文的pid</span>
$.<span style="color: #006600;">ajax</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>
type: <span style="color: #3366CC;">&quot;POST&quot;</span>,
url: <span style="color: #3366CC;">&quot;http://127.0.0.1/xinyuan/bookmark&quot;</span>,
data:<span style="color: #3366CC;">&quot;pid=&quot;</span>+pid,
&nbsp;
success: <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>msg<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span> <span style="color: #009900; font-style: italic;">// alert(msg);</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> movepid=$<span style="color: #66cc66;">&#40;</span>msg<span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">find</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#movepid&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">text</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//alert(movepid); </span>
<span style="color: #009900; font-style: italic;">//$(&quot;#zhaiyao&quot;).append(msg);</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>movepid<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
&nbsp;
<span style="color: #000066;">alert</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'success: 取消收藏此文ID：'</span>+movepid<span style="color: #66cc66;">&#41;</span>; 
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span>
<span style="color: #009900; font-style: italic;">//无法取消收藏？</span>
<span style="color: #66cc66;">&#125;</span><span style="color: #009900; font-style: italic;">//</span>
&nbsp;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #009900; font-style: italic;">//success</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//$.ajax</span>
&nbsp;
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;#biaoji&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">toggleClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;hide&quot;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #009900; font-style: italic;">//0</span></pre></div></div>

<p>二、数据接受页，飞龙采用指定的某page页面。需要接受来自 互动点击页的ID，并检查已有session是否有此日志ID，并做相应的处理，输出新的session值。如果是直接打开此页面，而没有接受到任何数据，那么直接取出已有的session值。</p>
<p>1、接受传递过来的日志ID，并处理session得到新session，显示日志ID的DOM，方便第一步里msg调用。</p>

<div class="wp_syntax"><div class="code"><pre class="php">&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #0000ff;">$pid</span>=<span style="color: #0000ff;">$_POST</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'pid'</span><span style="color: #66cc66;">&#93;</span>;
&nbsp;
<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$pid</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
fl_add_favors<span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$pid</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #808080; font-style: italic;">//$pids=$_SESSION['pids'];</span>
&nbsp;
<span style="color: #0000ff;">$addpid</span>=<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'addpid'</span><span style="color: #66cc66;">&#93;</span>;
<span style="color: #000066;">echo</span> <span style="color: #ff0000;">'&lt;div id=&quot;addpid&quot;&gt;'</span>.<span style="color: #0000ff;">$addpid</span>.<span style="color: #ff0000;">'&lt;/div&gt;'</span>;
&nbsp;
<span style="color: #0000ff;">$movepid</span>=<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'movepid'</span><span style="color: #66cc66;">&#93;</span>;
<span style="color: #000066;">echo</span> <span style="color: #ff0000;">'&lt;div id=&quot;movepid&quot;&gt;'</span>.<span style="color: #0000ff;">$movepid</span>.<span style="color: #ff0000;">'&lt;/div&gt;'</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #66cc66;">&#123;</span><span style="color: #808080; font-style: italic;">//直接打开此收藏页的情况下，取出已有session即可</span>
@<span style="color: #000066;">session_start</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0000ff;">$pids</span>=<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'pids'</span><span style="color: #66cc66;">&#93;</span>;
&nbsp;
<span style="color: #000066;">print_r</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$pids</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #808080; font-style: italic;">///</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>2、飞龙写的session处理函数：接受来自 互动点击页的ID，并检查已有session是否有此日志ID，并做相应的处理，输出新的session值。</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000000; font-weight: bold;">function</span> fl_add_favors<span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$pid</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
@<span style="color: #000066;">session_start</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #0000ff;">$old</span>=<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'pids'</span><span style="color: #66cc66;">&#93;</span>;
<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #000066;">in_array</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$pid</span>,<span style="color: #0000ff;">$old</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #808080; font-style: italic;">//已收藏，干掉</span>
<span style="color: #0000ff;">$a2</span><span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>=<span style="color: #0000ff;">$pid</span>;
<span style="color: #808080; font-style: italic;">//从数组中去掉此 $pid,返回两个数组的差集数组。键名保持不变。</span>
<span style="color: #0000ff;">$new</span>=<span style="color: #000066;">array_diff</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$old</span>,<span style="color: #0000ff;">$a2</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #808080; font-style: italic;">// $old-$a2</span>
<span style="color: #000066;">unset</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'addpid'</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'movepid'</span><span style="color: #66cc66;">&#93;</span>=<span style="color: #0000ff;">$pid</span>;
<span style="color: #000066;">echo</span> <span style="color: #ff0000;">'&lt;script language=&quot;JavaScript&quot;&gt;alert(&quot;取消标记啦！&quot;;&lt;/script&gt;'</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #66cc66;">&#123;</span><span style="color: #808080; font-style: italic;">//没收藏？加入</span>
<span style="color: #0000ff;">$new</span>=<span style="color: #0000ff;">$old</span>;<span style="color: #0000ff;">$new</span><span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>=<span style="color: #0000ff;">$pid</span>;
<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'addpid'</span><span style="color: #66cc66;">&#93;</span>=<span style="color: #0000ff;">$pid</span>;unset<span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'movepid'</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #000066;">echo</span> <span style="color: #ff0000;">'&lt;script language=&quot;JavaScript&quot;&gt;alert(&quot;本文成功加入收藏夹！&quot;;&lt;/script&gt;'</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//去掉空值</span>
<span style="color: #0000ff;">$new</span>=<span style="color: #000066;">array_filter</span><span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$new</span><span style="color: #66cc66;">&#41;</span>;   
&nbsp;
<span style="color: #0000ff;">$_SESSION</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">'pids'</span><span style="color: #66cc66;">&#93;</span>=<span style="color: #0000ff;">$new</span>;
&nbsp;
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #808080; font-style: italic;">//20120202 feilong</span></pre></div></div>

<hr/>Copyright &copy; 2012 <strong><a href="http://feilong.org">飞龙博客</a></strong>.  飞龙博客feilong.org，属于个人资料整理，请勿非法转载. 如转载，请务必留言通知，保留版权和作者信息.  Please contact d3lwxl2008@yahoo.com.cn so we can take legal action immediately.<br/><span style="float: right;font-size: 7pt"><a href="http://blog.taragana.com/index.php/archive/wordpress-plugins-provided-by-taraganacom/">Plugin</a> by <a href="http://www.taragana.com/">Taragana</a></span>
	<li><a href="http://feilong.org/tag/ajax" title="ajax" rel="tag">ajax</a></li> <li><a href="http://feilong.org/tag/javascript" title="JavaScript" rel="tag">JavaScript</a></li> <li><a href="http://feilong.org/tag/php" title="php" rel="tag">php</a></li> <li><a href="http://feilong.org/tag/session" title="session" rel="tag">session</a></li>

	<h4>密切相关日志如下：</h4>
	<ol class='st-related-posts'>
	<li><a href="http://feilong.org/discuz-x-while-data" title="discuz X2 模板页循环取数据写法">discuz X2 模板页循环取数据写法</a></li>
	<li><a href="http://feilong.org/discuz-checkbox-checkall-uncheckall" title="Discuz x2 checkbox 全选或取消代码演示">Discuz x2 checkbox 全选或取消代码演示</a></li>
	<li><a href="http://feilong.org/xampp-setup-en" title="How to setup xampp on vista">How to setup xampp on vista</a></li>
	<li><a href="http://feilong.org/textarea-value" title="文本区域textarea默认提示消失重现最佳解决方案">文本区域textarea默认提示消失重现最佳解决方案</a></li>
	<li><a href="http://feilong.org/php-first-view-time-gap-variable-value" title="php根据是否第一次浏览网页和浏览时间间隔给某变量赋值">php根据是否第一次浏览网页和浏览时间间隔给某变量赋值</a></li>
	<li><a href="http://feilong.org/php-check-ie-or-other-browsers" title="PHP 检测客户端浏览器类型和版本和语言">PHP 检测客户端浏览器类型和版本和语言</a></li>
	<li><a href="http://feilong.org/wamp-setup-en" title="How to setup wamp on localhost windows">How to setup wamp on localhost windows</a></li>
	<li><a href="http://feilong.org/add-favorite-onunload-or-onclick" title="关闭网页或点击链接提">关闭网页或点击链接提</a></li>
	<li><a href="http://feilong.org/search-kewords-onfocus" title="搜索框关键字提示代码点击后消失移开又重现">搜索框关键字提示代码点击后消失移开又重现</a></li>
	<li><a href="http://feilong.org/onclick-a-link-popout-div" title="点击按钮链接显示隐藏弹出div层">点击按钮链接显示隐藏弹出div层</a></li>
</ol>

]]></content:encoded>
			<wfw:commentRss>http://feilong.org/ajax-session-click-add-remove-favorate/feed</wfw:commentRss>
		</item>
	</channel>
</rss>

