<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>shuilog</title>
	<atom:link href="http://www.shuilog.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.shuilog.com</link>
	<description>水水爱御姐也爱小萝莉</description>
	<lastBuildDate>Fri, 29 Jan 2010 12:29:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>长春黑水路买黄片</title>
		<link>http://www.shuilog.com/articles/changchun-heishuilu-av-cd.html</link>
		<comments>http://www.shuilog.com/articles/changchun-heishuilu-av-cd.html#comments</comments>
		<pubDate>Thu, 28 Jan 2010 10:32:40 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[情感随笔]]></category>
		<category><![CDATA[80s]]></category>
		<category><![CDATA[mm]]></category>
		<category><![CDATA[搞笑]]></category>
		<category><![CDATA[校园]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/articles/changchun-heishuilu-av-cd.html</guid>
		<description><![CDATA[今天天气好冷，不过我还是戴上前几天买的口罩和同学去了趟黑水路，这是我们第一次去黑水路，所以找了半天路，原以为黑水路都是地下批发市场，去了才发现只有露天的，街道很窄，两旁的摊位有卖袜子的，有卖瓜子的，玲琅满目，吆喝声不断……
我们就这样穿梭在摊位之间，突然，我的左眼扫描到左手边的店里卖的CD似曾相似，仔细一看竟然是黄片，我的菊花突然一紧，和同学快速跑开了。

当我们要离开黑水路时，又想到了那个卖黄片的店，打算去淘几张不错的回来看看，汗！人生中第一次买黄片，还真是不好意思，羞死了，好讨厌。这时候口罩算是派上了大用场，戴好口罩后，我便向那个小店走去，同学在一旁观战。到了小店后，忍不住，手一贱便在一对对路过的情侣注视下羞答答滴拍下了一张图片：

然后，我便低着头走了进去，我正翻看着黄碟上的图画，身后传来一位大叔的声音：
买碟呀，到这边来。
我回头一看，一个一点也不猥琐的大叔正看着电脑屏幕，我便羞答答的走了过去，走近后我不知所措的站在那里，这时大叔说话了,
要亚洲的还是欧美的？
我靠，好直白，而且我隐约听到电脑里面嗯嗯咿咿呀呀幺妹跌的声音。
亚洲的 多少钱？
有15的，有50的。
这么贵？有没有两三块的那种？
这是DVD的 900部高压缩版 最便宜的5块 90分钟的
………………
我终于败下阵来，含糊着走出了小店，回头再看一眼门面，真TMD应该挂一个国家广电总局的牌子。
到豆瓣才知道，原来是这样：
恒客隆买零食沃而玛买酒
黑水路买毛片在国贸买狗
建设街吃饭桂林路去洗头
桃源路有洗浴100块钱俩妞
人家还要...改编笑话：我没带枪京游记女大学生教你搜索色情小说]]></description>
			<content:encoded><![CDATA[<p>今天天气好冷，不过我还是戴上前几天买的口罩和同学去了趟黑水路，这是我们第一次去黑水路，所以找了半天路，原以为黑水路都是地下批发市场，去了才发现只有露天的，街道很窄，两旁的摊位有卖袜子的，有卖瓜子的，玲琅满目，吆喝声不断……</p>
<p>我们就这样穿梭在摊位之间，突然，我的左眼扫描到左手边的店里卖的CD似曾相似，仔细一看竟然是黄片，我的菊花突然一紧，和同学快速跑开了。</p>
<p><span id="more-659715"></span></p>
<p>当我们要离开黑水路时，又想到了那个卖黄片的店，打算去淘几张不错的回来看看，汗！人生中第一次买黄片，还真是不好意思，羞死了，好讨厌。这时候口罩算是派上了大用场，戴好口罩后，我便向那个小店走去，同学在一旁观战。到了小店后，忍不住，手一贱便在一对对路过的情侣注视下羞答答滴拍下了一张图片：</p>
<p><img src="http://dl.dropbox.com/u/1657878/shuilog/20100128.jpg" alt="" /></p>
<p>然后，我便低着头走了进去，我正翻看着黄碟上的图画，身后传来一位大叔的声音：</p>
<blockquote><p>买碟呀，到这边来。</p></blockquote>
<p>我回头一看，一个一点也不猥琐的大叔正看着电脑屏幕，我便羞答答的走了过去，走近后我不知所措的站在那里，这时大叔说话了,</p>
<blockquote><p>要亚洲的还是欧美的？</p></blockquote>
<p>我靠，好直白，而且我隐约听到电脑里面嗯嗯咿咿呀呀幺妹跌的声音。</p>
<blockquote><p>亚洲的 多少钱？</p></blockquote>
<blockquote><p>有15的，有50的。</p></blockquote>
<blockquote><p>这么贵？有没有两三块的那种？</p></blockquote>
<blockquote><p>这是DVD的 900部高压缩版 最便宜的5块 90分钟的</p></blockquote>
<blockquote><p>………………</p></blockquote>
<p>我终于败下阵来，含糊着走出了小店，回头再看一眼门面，真TMD应该挂一个国家广电总局的牌子。</p>
<p>到豆瓣才知道，原来是这样：</p>
<blockquote><p>恒客隆买零食沃而玛买酒<br />
黑水路买毛片在国贸买狗<br />
建设街吃饭桂林路去洗头<br />
桃源路有洗浴100块钱俩妞</p></blockquote>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/re-joke-gun-zhengtai-mm.html" title="改编笑话：我没带枪">改编笑话：我没带枪</a></li><li><a href="http://www.shuilog.com/articles/beijing-travel-log.html" title="京游记">京游记</a></li><li><a href="http://www.shuilog.com/articles/lady-college-av-porn-novel.html" title="女大学生教你搜索色情小说">女大学生教你搜索色情小说</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/changchun-heishuilu-av-cd.html/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>今天你被五毛党了吗</title>
		<link>http://www.shuilog.com/articles/5mao-5maoed.html</link>
		<comments>http://www.shuilog.com/articles/5mao-5maoed.html#comments</comments>
		<pubDate>Sun, 24 Jan 2010 14:33:03 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[情感随笔]]></category>
		<category><![CDATA[5毛]]></category>
		<category><![CDATA[越狱]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/articles/5mao-5maoed.html</guid>
		<description><![CDATA[冒着被当作五毛党的风险，我写下了这篇“今天你被五毛党了吗？”。
在今天这个“被时代”里，有人“被代表”，有人“被就业”，有人“被自杀”，还有人“被五毛”。真是一个荒谬的时代。
因为“Google退出中国”事件，五毛党被越来越多的人所熟知，甚至是滥用。
 
五毛党和泛五毛党
最初，五毛党一词只被用来称呼那些受行政机关雇佣或指导的网络评论员，因为他们每发一篇网络评论能赚5毛钱而得名“五毛党”。而现在，随着CCAV曝光“网络水军”，五毛党开始不仅用来称呼那些受行政机关雇佣或指导的网络评论员，也泛指那些受企业或个人雇佣或指导的网络评论员，可以称其为“泛五毛党”。更详细的五毛党介绍可以查看可能吧的“无处不在的五毛党”一文的备份文件。
然而，网民们开始滥用五毛党一词，五毛党就像sb脑残一样开始泛滥，当对方温和的态度和自己的激进表现不一致时，就给对方“扣上五毛党的帽子”。
从论证观点转换到主观性判断，由坚守阐述自己的观点转到挑对方的毛病，交流变成了诋毁&#8212;这就是木贼所介绍的“高德温法则”。与称对方为sb脑残的可能性所呈现出的缓坡形走势所不同的是，一旦加上了爱国或政-治因素，称对方为五毛党的可能性则呈现出脉冲响应函数δ走势。

不要乱扣五毛党的帽子
事实上，很多温和的网民被错误的扣上了五毛党的帽子，而大部分情况下，他们都是更理性的；还有一些网民因为自己受一些媒体的洗脑导致自己的观点一时有误，也一并被扣上了五毛党的帽子。如果我们不加区分的给他们扣帽子，是对他们的侮辱，我们的行为又和法国大革-命时的雅各宾派有什么区别？
恰恰相反，对于温和的理性网民，我们要鼓励；对于被洗脑的网民，我们要教育引导，而不是给他们扣上五毛党的帽子。 试想，如果在大雾天，一个人因为看不清路而向悬崖走去，你从后面给他一脚，把他踢到悬崖去，然后嘴里说道“该死”&#8212;这是什么行为？
乱扣五毛党的帽子体现出了网民的非理性和不宽容。
互联网因为其匿名性使得网民可以不为自己的言论负责，这导致网民非理性思考，另一方面，受到一些意见领袖的影响，自己又缺乏独立的思考，使得自己的观点变得很极端，容不下异端言论，自己口口声声说言论自-由，却又一棒子把反对自己的网民打死。
中国人向来不看对错只看立场，对待问题首先想到的是千万不要站错队，“胳膊肘不能往外扭”，一边是官方，一边是意见领袖，你不反对官方？那么你就是五毛党。
这种一刀两断的简单方式造成了一种尴尬。一种温和的理性网民和受官方媒体影响的网民统统被视为五毛党的尴尬。而官方又可以利用被乱扣五毛党帽子的理性网民来对讽刺五毛党的网民进行反击。
互联网本应该百家争鸣
互联网上那种本应该出现的百家争鸣的现象却销声匿迹了。单就信息过滤这件事来说，一边是官方必须进行信息过滤的强硬态度，一边是意见领袖在twitter有组织的对#fuckg-f-w疯狂RT，却没有一个意见领袖站出来理性的分析到底要不要进行信息过滤，什么信息该过滤，什么信息不该过滤，还是统统全不过滤？更不要说对于信息过滤的讨论了。
 好吧，因为G-F-W的强奸，大家都疯狂了。
人家还要...一个网络水军的血泪痛诉HideIpVPN-速度超快的国外免费VPN手机宝贝：小三必备的S60手机软件]]></description>
			<content:encoded><![CDATA[<p>冒着被当作五毛党的风险，我写下了这篇“<a href="http://www.shuilog.com/articles/5mao-5maoed.html">今天你被五毛党了吗？</a>”。</p>
<p>在今天这个“被时代”里，有人“被代表”，有人“被就业”，有人“被自杀”，还有人“被五毛”。真是一个荒谬的时代。</p>
<p>因为“Google退出中国”事件，五毛党被越来越多的人所熟知，甚至是滥用。</p>
<p> <span id="more-659706"></span><br />
<h2>五毛党和泛五毛党</h2>
<p>最初，五毛党一词只被用来称呼那些受行政机关雇佣或指导的网络评论员，因为他们每发一篇网络评论能赚5毛钱而得名“五毛党”。而现在，随着CCAV曝光“<a href="http://www.shuilog.com/articles/5mao-introduce-self.html">网络水军</a>”，五毛党开始不仅用来称呼那些受行政机关雇佣或指导的网络评论员，也泛指那些受企业或个人雇佣或指导的网络评论员，可以称其为“泛五毛党”。更详细的五毛党介绍可以查看可能吧的“<a href="http://docs.google.com/View?id=dfm5cnz8_2549hg63nnfk">无处不在的五毛党</a>”一文的备份文件。</p>
<p>然而，网民们开始滥用五毛党一词，五毛党就像sb脑残一样开始泛滥，当对方温和的态度和自己的激进表现不一致时，就给对方“扣上五毛党的帽子”。</p>
<p>从论证观点转换到主观性判断，由坚守阐述自己的观点转到挑对方的毛病，交流变成了诋毁&#8212;这就是木贼所介绍的“<a href="http://www.kenengba.com/post/2197.html">高德温法则</a>”。与称对方为sb脑残的可能性所呈现出的缓坡形走势所不同的是，一旦加上了爱国或政-治因素，称对方为五毛党的可能性则呈现出脉冲响应函数δ走势。</p>
<p><a href="http://www.shuilog.com/wp-content/uploads/2010/01/5mao.png"><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="5mao" border="0" alt="5mao" src="http://www.shuilog.com/wp-content/uploads/2010/01/5mao_thumb.png" width="256" height="197" /></a></p>
<h2>不要乱扣五毛党的帽子</h2>
<p>事实上，很多温和的网民被错误的扣上了五毛党的帽子，而大部分情况下，他们都是更理性的；还有一些网民因为自己受一些媒体的洗脑导致自己的观点一时有误，也一并被扣上了五毛党的帽子。如果我们不加区分的给他们扣帽子，是对他们的侮辱，我们的行为又和法国大革-命时的雅各宾派有什么区别？</p>
<p>恰恰相反，对于温和的理性网民，我们要鼓励；对于被洗脑的网民，我们要教育引导，而不是给他们扣上五毛党的帽子。 试想，如果在大雾天，一个人因为看不清路而向悬崖走去，你从后面给他一脚，把他踢到悬崖去，然后嘴里说道“该死”&#8212;这是什么行为？</p>
<p>乱扣五毛党的帽子体现出了网民的非理性和不宽容。</p>
<p>互联网因为其匿名性使得网民可以不为自己的言论负责，这导致网民非理性思考，另一方面，受到一些意见领袖的影响，自己又缺乏独立的思考，使得自己的观点变得很极端，容不下异端言论，自己口口声声说言论自-由，却又一棒子把反对自己的网民打死。</p>
<p>中国人向来不看对错只看立场，对待问题首先想到的是千万不要站错队，“胳膊肘不能往外扭”，一边是官方，一边是意见领袖，你不反对官方？那么你就是五毛党。</p>
<p>这种一刀两断的简单方式造成了一种尴尬。一种温和的理性网民和受官方媒体影响的网民统统被视为五毛党的尴尬。而官方又可以利用被乱扣五毛党帽子的理性网民来对讽刺五毛党的网民进行反击。</p>
<h2>互联网本应该百家争鸣</h2>
<p>互联网上那种本应该出现的百家争鸣的现象却销声匿迹了。单就信息过滤这件事来说，一边是官方必须进行信息过滤的强硬态度，一边是意见领袖在twitter有组织的对#fuckg-f-w疯狂RT，却没有一个意见领袖站出来理性的分析到底要不要进行信息过滤，什么信息该过滤，什么信息不该过滤，还是统统全不过滤？更不要说对于信息过滤的讨论了。</p>
<p> 好吧，因为G-F-W的强奸，大家都疯狂了。</p>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/5mao-introduce-self.html" title="一个网络水军的血泪痛诉">一个网络水军的血泪痛诉</a></li><li><a href="http://www.shuilog.com/articles/free-vpn-hideipvpn.html" title="HideIpVPN-速度超快的国外免费VPN">HideIpVPN-速度超快的国外免费VPN</a></li><li><a href="http://www.shuilog.com/articles/mobaobei-s60-software-xiao3.html" title="手机宝贝：小三必备的S60手机软件">手机宝贝：小三必备的S60手机软件</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/5mao-5maoed.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>简易的投票系统PHP+MySql+js制作教程</title>
		<link>http://www.shuilog.com/articles/php-mysql-js-pic-vote.html</link>
		<comments>http://www.shuilog.com/articles/php-mysql-js-pic-vote.html#comments</comments>
		<pubDate>Tue, 19 Jan 2010 14:10:29 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[电子编程]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mm]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/articles/php-mysql-js-pic-vote.html</guid>
		<description><![CDATA[本文介绍使用PHP+MySql+js制作简易的网上投票系统，先介绍一下最终的功能：访客没有投票前，显示投票链接，点击投票链接后调用js函数，通过js函数加载PHP程序，通过PHP程序连接MySql数据库，将投票数据插入到MySql数据库并返回全部票数，同时隐藏投票链接，防止访客多次恶意点击，当然，并不能真正的实现防作弊。

我在“如何增加博客评论数？”一文中曾介绍说，可以在博客评论处添加美女图片来勾引访客评论，所以，这两天我就给自己博客评论处添加了美女照片，为了防止访客每天都看到相同的美女导致审美疲劳，我通过PHP+Ajax技术实现了美女照片每分钟自动切换一张，一共有24*60=1440张，里面有女星、女优、校花、萝莉和御姐等等等等……应有尽有，同时欢迎大家推荐自己收藏的美女照片。目前时区使用的是中国上海时间，打算每月换一次时区。具体实现的方法可以查看我之前写的“美女时钟的制作”这篇文章。
另外，我突然想到可以做一个图片投票功能，让大家评选出自己喜欢的美女，所以，我先研究了一下可能吧的评论投票功能，未果，主要是不知道下面的这个链接网页具体是怎么实现的：
http://www.kenengba.com/wp-admin/?acv_ajax=true&#38;option=0&#38;ID=44131
所以，我只能靠自己仅有的那点PHP+MySql知识硬上了。不知道可能吧的评论投票功能是否用到了MySql数据库，反正我不用MySql数据库是实现不了投票功能的。
欢迎大家评论的同时为自己喜欢的美女投上一票。理论上，这种方法也应该能实现评论投票功能。

图片和投票链接显示部分
&#60;script type=”text/javascript” src=”http://www.google.com/jsapi”&#62;&#60;/script&#62;
&#60;script type=”text/javascript”&#62;
&#60;!–
google.load(”jquery”, “1.2″);
function displaymessage(){
$.get(”http://www.shuilog.com/time.php”, function(data){
var lefttime = data;
setTimeout(’displaymessage()’,1000*lefttime);
});
$(’#time_clock’).load(’http://www.shuilog.com/pic.php’);
$(’#picvote’).load(’http://www.shuilog.com/votelink.php’);
}
//–&#62;
&#60;/script&#62;
通过body onload=&#8221;displaymessage()&#8221;，每次访问时自动调用js函数displaymessage()，加载pic.php中的美女照片和votelink.php中的投票链接，并每当下一分钟到来时，利用Ajax自动重新加载美女照片和投票链接。美女照片部分请见之前介绍的“美女时钟的制作”
投票链接votelink.php部分
&#60;?php
echo $votestr=&#8220;&#60;a href=\&#8221;javascript:picvote();\&#8221;&#62;投票&#60;/a&#62;&#8221;
?&#62;
当点击“投票”链接时，调用js函数picvote()。
js函数picvote()部分
&#60;script type=&#8220;text/javascript&#8221;&#62;
&#60;!&#8211;
google.load(&#8220;jquery&#8221;, &#8220;1.2&#8243;);
function picvote(){
$(&#8216;#picvote&#8217;).load(&#8216;http://www.shuilog.com/picvote.php&#8217;);
}
//&#8211;&#62;
&#60;/script&#62;
picvote()函数加载picvote.php文件显示总票数并隐藏投票链接（因为之前加载的投票链接和现在加载的总票数都是在ID为#picvote的div中显示，所以，点击投票链接后就会自动隐藏投票链接并显示总票数，然后在下一分钟到来后又会自动调用js函数displaymessage()重新加载投票链接，以便为新的照片投票）。
修改并读取MySql数据库图片投票数据部分picvote.php
&#60;?php
date_default_timezone_set(&#8216;Asia/Shanghai&#8217;);
$nowtime=date(&#8220;Hi&#8221;);
$mysql_server_name=&#8220;localhost&#8221;;
$mysql_username=&#8220;root&#8221;;
$mysql_password=&#8220;123456&#8243;;
$mysql_database=&#8220;shuil&#8221;;
$conn=mysql_connect($mysql_server_name, $mysql_username, $mysql_password);
$i_sql=&#8220;SELECT  `vote` FROM  `picvote` WHERE TIME =  &#8216;$nowtime&#8216;&#8221;;
$i_result=mysql_db_query($mysql_database, $i_sql, $conn);
$i_row=mysql_fetch_row($i_result);
if(!$i_row[0])
{
$insert_sql=&#8220;INSERT INTO  `shuil_shuil`.`picvote` (`time` ,`vote`)VALUES (&#8217;$nowtime&#8216;,  &#8216;0&#8242;)&#8221;;
$insert_result=mysql_db_query($mysql_database, $insert_sql, $conn);
}
$j=$i_row[0]+1;
$j_sql=&#8220;UPDATE  `shuil_shuil`.`picvote` SET  `vote` =  &#8216;$j&#8216; WHERE TIME =  &#8216;$nowtime&#8216;&#8221;;
$j_result=mysql_db_query($mysql_database, $j_sql, $conn);
$vote_sql=&#8220;SELECT  `vote` FROM  `picvote` WHERE TIME =  &#8216;$nowtime&#8216;&#8221;;
$vote_result=mysql_db_query($mysql_database, $vote_sql, $conn);
$vote_row=mysql_fetch_row($vote_result);
for($i=0;$i [...]]]></description>
			<content:encoded><![CDATA[<p>本文介绍使用PHP+MySql+js制作简易的网上投票系统，先介绍一下最终的功能：访客没有投票前，显示投票链接，点击投票链接后调用js函数，通过js函数加载PHP程序，通过PHP程序连接MySql数据库，将投票数据插入到MySql数据库并返回全部票数，同时隐藏投票链接，防止访客多次恶意点击，当然，并不能真正的实现防作弊。</p>
<p><span id="more-659657"></span></p>
<p>我在“<a href="http://www.shuilog.com/articles/how-improve-blog-comments.html">如何增加博客评论数？</a>”一文中曾介绍说，可以在博客评论处添加美女图片来勾引访客评论，所以，这两天我就给自己博客评论处添加了美女照片，为了防止访客每天都看到相同的美女导致审美疲劳，我通过PHP+Ajax技术实现了美女照片每分钟自动切换一张，一共有24*60=1440张，里面有女星、女优、校花、萝莉和御姐等等等等……应有尽有，同时欢迎大家推荐自己收藏的美女照片。目前时区使用的是中国上海时间，打算每月换一次时区。具体实现的方法可以查看我之前写的“<a href="http://www.shuilog.com/articles/mm-clock-design-tutorial.html">美女时钟的制作</a>”这篇文章。</p>
<p>另外，我突然想到可以做一个图片投票功能，让大家评选出自己喜欢的美女，所以，我先研究了一下可能吧的评论投票功能，未果，主要是不知道下面的这个链接网页具体是怎么实现的：</p>
<blockquote><p><a title="http://www.kenengba.com/wp-admin/?acv_ajax=true&amp;option=0&amp;ID=44131" href="http://www.kenengba.com/wp-admin/?acv_ajax=true&amp;option=0&amp;ID=44131">http://www.kenengba.com/wp-admin/?acv_ajax=true&amp;option=0&amp;ID=44131</a></p></blockquote>
<p>所以，我只能靠自己仅有的那点PHP+MySql知识硬上了。不知道可能吧的评论投票功能是否用到了MySql数据库，反正我不用MySql数据库是实现不了投票功能的。</p>
<p>欢迎大家评论的同时为自己喜欢的美女投上一票。理论上，这种方法也应该能实现评论投票功能。</p>
<p><a href="http://www.shuilog.com/wp-content/uploads/2010/01/php.jpg"><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="php" src="http://www.shuilog.com/wp-content/uploads/2010/01/php_thumb.jpg" border="0" alt="php" width="231" height="244" /></a></p>
<h2>图片和投票链接显示部分</h2>
<p><span style="color: #000000;">&lt;</span><span style="color: #000000;">script</span> <span style="color: #000000;">type</span><span style="color: #000000;">=</span><span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">text</span><span style="color: #000000;">/</span><span style="color: #000000;">javascript</span><span style="color: #f00000; background-color: #f0a0a0;">”</span> <span style="color: #000000;">src</span><span style="color: #000000;">=</span><span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">http</span><span style="color: #000000;">://</span><span style="color: #000000;">www</span><span style="color: #000000;">.</span><span style="color: #000000;">google</span><span style="color: #000000;">.</span><span style="color: #000000;">com</span><span style="color: #000000;">/</span><span style="color: #000000;">jsapi</span><span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">&gt;&lt;/</span><span style="color: #000000;">script</span><span style="color: #000000;">&gt;</span><br />
<span style="color: #000000;">&lt;</span><span style="color: #000000;">script</span> <span style="color: #000000;">type</span><span style="color: #000000;">=</span><span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">text</span><span style="color: #000000;">/</span><span style="color: #000000;">javascript</span><span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">&gt;</span><br />
<span style="color: #000000;">&lt;!</span><span style="color: #f00000; background-color: #f0a0a0;">–</span><br />
<span style="color: #000000;">google</span><span style="color: #000000;">.</span><span style="color: #000000;">load</span>(<span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">jquery</span><span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">,</span> <span style="color: #f00000; background-color: #f0a0a0;">“</span><span style="color: #009999;">1.2</span><span style="color: #f00000; background-color: #f0a0a0;">″</span>);<br />
<span style="color: #0000aa;">function</span> <span style="color: #000000;">displaymessage</span><span style="color: #000000;">(){</span><br />
<span style="color: #000000;">$</span><span style="color: #000000;">.</span><span style="color: #000000;">get</span>(<span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">http</span><span style="color: #000000;">://</span><span style="color: #000000;">www</span><span style="color: #000000;">.</span><span style="color: #000000;">shuilog</span><span style="color: #000000;">.</span><span style="color: #000000;">com</span><span style="color: #000000;">/</span><span style="color: #000000;">time</span><span style="color: #000000;">.</span><span style="color: #000000;">php</span><span style="color: #f00000; background-color: #f0a0a0;">”</span><span style="color: #000000;">,</span> <span style="color: #0000aa;">function</span>(<span style="color: #000000;">data</span><span style="color: #000000;">){</span><br />
<span style="color: #0000aa;">var</span> <span style="color: #000000;">lefttime</span> <span style="color: #000000;">=</span> <span style="color: #000000;">data</span>;<br />
<span style="color: #000000;">setTimeout</span>(<span style="color: #f00000; background-color: #f0a0a0;">’</span><span style="color: #000000;">displaymessage</span>()<span style="color: #f00000; background-color: #f0a0a0;">’</span><span style="color: #000000;">,</span><span style="color: #009999;">1000</span><span style="color: #000000;">*</span><span style="color: #000000;">lefttime</span>);<br />
<span style="color: #000000;">});</span><br />
<span style="color: #000000;">$</span>(<span style="color: #f00000; background-color: #f0a0a0;">’#</span><span style="color: #000000;">time_clock</span><span style="color: #f00000; background-color: #f0a0a0;">’</span><span style="color: #000000;">).</span><span style="color: #000000;">load</span>(<span style="color: #f00000; background-color: #f0a0a0;">’</span><span style="color: #000000;">http</span><span style="color: #000000;">://</span><span style="color: #000000;">www</span><span style="color: #000000;">.</span><span style="color: #000000;">shuilog</span><span style="color: #000000;">.</span><span style="color: #000000;">com</span><span style="color: #000000;">/</span><span style="color: #000000;">pic</span><span style="color: #000000;">.</span><span style="color: #000000;">php</span><span style="color: #f00000; background-color: #f0a0a0;">’</span>);<br />
<span style="color: #000000;">$</span>(<span style="color: #f00000; background-color: #f0a0a0;">’#</span><span style="color: #000000;">picvote</span><span style="color: #f00000; background-color: #f0a0a0;">’</span><span style="color: #000000;">).</span><span style="color: #000000;">load</span>(<span style="color: #f00000; background-color: #f0a0a0;">’</span><span style="color: #000000;">http</span><span style="color: #000000;">://</span><span style="color: #000000;">www</span><span style="color: #000000;">.</span><span style="color: #000000;">shuilog</span><span style="color: #000000;">.</span><span style="color: #000000;">com</span><span style="color: #000000;">/</span><span style="color: #000000;">votelink</span><span style="color: #000000;">.</span><span style="color: #000000;">php</span><span style="color: #f00000; background-color: #f0a0a0;">’</span>);<br />
<span style="color: #000000;">}</span><br />
<span style="color: #aaaaaa; font-style: italic;">//–&gt;</span><br />
<span style="color: #000000;">&lt;/</span><span style="color: #000000;">script</span><span style="color: #000000;">&gt;</span></p>
<p>通过body onload=&#8221;displaymessage()&#8221;，每次访问时自动调用js函数displaymessage()，加载pic.php中的美女照片和votelink.php中的投票链接，并每当下一分钟到来时，利用Ajax自动重新加载美女照片和投票链接。美女照片部分请见之前介绍的“<a href="http://www.shuilog.com/articles/mm-clock-design-tutorial.html">美女时钟的制作</a>”</p>
<h2>投票链接votelink.php部分</h2>
<p><span style="color: #4c8317;">&lt;?php</span><br />
<span style="color: #0000aa;">echo</span> <span style="color: #aa0000;">$votestr</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;&lt;a href=</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;">javascript:picvote();</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;">&gt;投票&lt;/a&gt;&#8221;</span><br />
<span style="color: #4c8317;">?&gt;</span></p>
<p>当点击“投票”链接时，调用js函数picvote()。</p>
<h2>js函数picvote()部分</h2>
<p><span style="color: #000000;">&lt;</span><span style="color: #000000;">script</span> <span style="color: #000000;">type</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;text/javascript&#8221;</span><span style="color: #000000;">&gt;</span><br />
<span style="color: #aaaaaa; font-style: italic;">&lt;!&#8211;</span><br />
<span style="color: #000000;">google</span><span style="color: #000000;">.</span><span style="color: #000000;">load</span>(<span style="color: #aa5500;">&#8220;jquery&#8221;</span><span style="color: #000000;">,</span> <span style="color: #aa5500;">&#8220;1.2&#8243;</span>);<br />
<span style="color: #0000aa;">function</span> <span style="color: #000000;">picvote</span><span style="color: #000000;">(){</span><br />
<span style="color: #000000;">$</span>(<span style="color: #aa5500;">&#8216;#picvote&#8217;</span><span style="color: #000000;">).</span><span style="color: #000000;">load</span>(<span style="color: #aa5500;">&#8216;http://www.shuilog.com/picvote.php&#8217;</span>);<br />
<span style="color: #000000;">}</span><br />
<span style="color: #aaaaaa; font-style: italic;">//&#8211;&gt;</span><br />
<span style="color: #000000;">&lt;/</span><span style="color: #000000;">script</span><span style="color: #000000;">&gt;</span></p>
<p>picvote()函数加载picvote.php文件显示总票数并隐藏投票链接（因为之前加载的投票链接和现在加载的总票数都是在ID为#picvote的div中显示，所以，点击投票链接后就会自动隐藏投票链接并显示总票数，然后在下一分钟到来后又会自动调用js函数displaymessage()重新加载投票链接，以便为新的照片投票）。</p>
<h2>修改并读取MySql数据库图片投票数据部分picvote.php</h2>
<p><span style="color: #4c8317;">&lt;?php</span><br />
<span style="color: #000000;">date_default_timezone_set</span>(<span style="color: #aa5500;">&#8216;Asia/Shanghai&#8217;</span>);<br />
<span style="color: #aa0000;">$nowtime</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">date</span>(<span style="color: #aa5500;">&#8220;Hi&#8221;</span>);<br />
<span style="color: #aa0000;">$mysql_server_name</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;localhost&#8221;</span>;<br />
<span style="color: #aa0000;">$mysql_username</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;root&#8221;</span>;<br />
<span style="color: #aa0000;">$mysql_password</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;123456&#8243;</span>;<br />
<span style="color: #aa0000;">$mysql_database</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;shuil&#8221;</span>;<br />
<span style="color: #aa0000;">$conn</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">mysql_connect</span>(<span style="color: #aa0000;">$mysql_server_name</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$mysql_username</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$mysql_password</span>);<br />
<span style="color: #aa0000;">$i_sql</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;SELECT  `vote` FROM  `picvote` WHERE TIME =  &#8216;</span><span style="color: #aa5500;">$nowtime</span><span style="color: #aa5500;">&#8216;&#8221;</span>;<br />
<span style="color: #aa0000;">$i_result</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">mysql_db_query</span>(<span style="color: #aa0000;">$mysql_database</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$i_sql</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$conn</span>);<br />
<span style="color: #aa0000;">$i_row</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">mysql_fetch_row</span>(<span style="color: #aa0000;">$i_result</span>);<br />
<span style="color: #0000aa;">if</span>(<span style="color: #000000;">!</span><span style="color: #aa0000;">$i_row</span><span style="color: #000000;">[</span><span style="color: #009999;">0</span><span style="color: #000000;">])</span><br />
<span style="color: #000000;">{</span><br />
<span style="color: #aa0000;">$insert_sql</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;INSERT INTO  `shuil_shuil`.`picvote` (`time` ,`vote`)VALUES (&#8217;</span><span style="color: #aa5500;">$nowtime</span><span style="color: #aa5500;">&#8216;,  &#8216;0&#8242;)&#8221;</span>;<br />
<span style="color: #aa0000;">$insert_result</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">mysql_db_query</span>(<span style="color: #aa0000;">$mysql_database</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$insert_sql</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$conn</span>);<br />
<span style="color: #000000;">}</span><br />
<span style="color: #aa0000;">$j</span><span style="color: #000000;">=</span><span style="color: #aa0000;">$i_row</span><span style="color: #000000;">[</span><span style="color: #009999;">0</span><span style="color: #000000;">]</span><span style="color: #000000;">+</span><span style="color: #009999;">1</span>;<br />
<span style="color: #aa0000;">$j_sql</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;UPDATE  `shuil_shuil`.`picvote` SET  `vote` =  &#8216;</span><span style="color: #aa5500;">$j</span><span style="color: #aa5500;">&#8216; WHERE TIME =  &#8216;</span><span style="color: #aa5500;">$nowtime</span><span style="color: #aa5500;">&#8216;&#8221;</span>;<br />
<span style="color: #aa0000;">$j_result</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">mysql_db_query</span>(<span style="color: #aa0000;">$mysql_database</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$j_sql</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$conn</span>);<br />
<span style="color: #aa0000;">$vote_sql</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;SELECT  `vote` FROM  `picvote` WHERE TIME =  &#8216;</span><span style="color: #aa5500;">$nowtime</span><span style="color: #aa5500;">&#8216;&#8221;</span>;<br />
<span style="color: #aa0000;">$vote_result</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">mysql_db_query</span>(<span style="color: #aa0000;">$mysql_database</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$vote_sql</span><span style="color: #000000;">,</span> <span style="color: #aa0000;">$conn</span>);<br />
<span style="color: #aa0000;">$vote_row</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">mysql_fetch_row</span>(<span style="color: #aa0000;">$vote_result</span>);<br />
<span style="color: #0000aa;">for</span>(<span style="color: #aa0000;">$i</span><span style="color: #000000;">=</span><span style="color: #009999;">0</span>;<span style="color: #aa0000;">$i</span> <span style="color: #000000;">&lt;</span> <span style="color: #00aaaa;">strlen</span>(<span style="color: #aa0000;">$vote_row</span><span style="color: #000000;">[</span><span style="color: #009999;">0</span><span style="color: #000000;">]);</span><span style="color: #aa0000;">$i</span><span style="color: #000000;">++</span>)<br />
<span style="color: #000000;">{</span><br />
<span style="color: #aa0000;">$numbit</span><span style="color: #000000;">=</span><span style="color: #00aaaa;">substr</span>(<span style="color: #aa5500;">&#8220;</span><span style="color: #aa5500;">$vote_row[0]</span><span style="color: #aa5500;">&#8220;</span><span style="color: #000000;">,</span><span style="color: #aa0000;">$i</span><span style="color: #000000;">,</span><span style="color: #009999;">1</span>);<br />
<span style="color: #aa0000;">$imgstr</span><span style="color: #000000;">.=</span><span style="color: #aa5500;">&#8220;&lt;img src=</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;">http://www.shuilog.com/img/num/</span><span style="color: #aa5500;">$numbit</span><span style="color: #aa5500;">.png</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;"> height=</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;">15px</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;"> width=</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;">15px</span><span style="color: #aa5500;">\&#8221;</span><span style="color: #aa5500;">&gt;&lt;/img&gt;&#8221;</span>;<br />
<span style="color: #000000;">}</span><br />
<span style="color: #0000aa;">echo</span> <span style="color: #aa0000;">$img_str</span><span style="color: #000000;">=</span><span style="color: #aa5500;">&#8220;&lt;p&gt;</span><span style="color: #aa5500;">$imgstr</span><span style="color: #aa5500;">&lt;/p&gt;&#8221;</span>;<br />
<span style="color: #4c8317;">?&gt;</span></p>
<p>picvote.php文件中先判断是否有当前图片的数据，如果没有则先插入一条当前图片的投票数据time=$nowtime和vote=0，然后将vote值加1并修改数据库；如果已经有了当前图片的投票数据，则直接将vote值加1并修改数据库。然后，读取出总票数并将总票数用图片显示在网页。</p>
<p>读取总票数的语句好像有点多余，不管了，反正也花不了多少时间。</p>
<h3>将票数用图片显示</h3>
<blockquote class="q">
<h2>关于PHP函数substr()</h2>
<p>substr()函数用来提取字符串中的一段字符串。</p>
<p>使用范例：</p>
<p><span style="color: #4c8317;">&lt;?</span><br />
<span style="color: #0000aa;">echo</span> <span style="color: #00aaaa;">substr</span>(<span style="color: #aa5500;">“abcdef”</span><span style="color: #000000;">,</span> <span style="color: #009999;">1</span><span style="color: #000000;">,</span> <span style="color: #009999;">3</span>); <span style="color: #aaaaaa; font-style: italic;">// 返回 “bcd”</span><br />
<span style="color: #0000aa;">echo</span> <span style="color: #00aaaa;">substr</span>(<span style="color: #aa5500;">“abcdef”</span><span style="color: #000000;">,</span> <span style="color: #000000;">-</span><span style="color: #009999;">2</span>); <span style="color: #aaaaaa; font-style: italic;">// 返回 “ef”</span><br />
<span style="color: #0000aa;">echo</span> <span style="color: #00aaaa;">substr</span>(<span style="color: #aa5500;">“abcdef”</span><span style="color: #000000;">,</span> <span style="color: #000000;">-</span><span style="color: #009999;">3</span><span style="color: #000000;">,</span> <span style="color: #009999;">1</span>); <span style="color: #aaaaaa; font-style: italic;">// 返回 “d”</span><br />
<span style="color: #0000aa;">echo</span> <span style="color: #00aaaa;">substr</span>(<span style="color: #aa5500;">“abcdef”</span><span style="color: #000000;">,</span> <span style="color: #009999;">1</span><span style="color: #000000;">,</span> <span style="color: #000000;">-</span><span style="color: #009999;">1</span>); <span style="color: #aaaaaa; font-style: italic;">// 返回 “bcde”</span><br />
<span style="color: #4c8317;">?&gt;</span></p></blockquote>
<p>为了美观一点，让显示的票数和MM们的照片相匹配，我将总票数用图片来显示。</p>
<p>首先，Google 10张0、1、2……9的数字png格式的图片。然后从字符串总票数中提取出单个的数字字符。比如，总票数为254，则从&#8221;254&#8243;中提取出数字2、5和4。</p>
<p>使用PHP函数strlen()计算出总票数(&#8221;254&#8243;)的字符串长度$i(3)，用PHP函数<a href="http://www.shuilog.com/articles/php-mysql-ip-timezone-time.html">substr()</a>提取出单个的数字(2、5和4)，用“.”将html图片显示代码以string形式连接起来。</p>
<p>for($i=0;$i &lt; strlen($vote_row[0]);$i++)<br />
{<br />
$numbit=substr(&#8221;$vote_row[0]&#8220;,$i,1);<br />
$imgstr.=&#8221;&lt;img src=\&#8221;http://www.shuilog.com/img/num/$numbit.png\&#8221; height=\&#8221;15px\&#8221; width=\&#8221;15px\&#8221;&gt;&lt;/img&gt;&#8221;;<br />
}</p>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/mm-clock-design-tutorial.html" title="日本美女时钟制作教程">日本美女时钟制作教程</a></li><li><a href="http://www.shuilog.com/articles/php-mysql-ip-timezone-time.html" title="PHP+MySql获取访客IP、时区和时间">PHP+MySql获取访客IP、时区和时间</a></li><li><a href="http://www.shuilog.com/articles/ajax-auto-settimeout-refresh-web.html" title="Ajax+jquery实现自动定时刷新局部网页">Ajax+jquery实现自动定时刷新局部网页</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/php-mysql-js-pic-vote.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>CSS3伪类nth-of-type(n)用法详解</title>
		<link>http://www.shuilog.com/articles/css3-nth-of-type-n-odd-even.html</link>
		<comments>http://www.shuilog.com/articles/css3-nth-of-type-n-odd-even.html#comments</comments>
		<pubDate>Sun, 17 Jan 2010 15:32:24 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[电子编程]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/articles/css3-nth-of-type-n-odd-even.html</guid>
		<description><![CDATA[之前，我曾写过“5个CSS3设计增强功能”一文，介绍了如何使用CSS3制作圆角、透明和文字阴影等效果。今天，我再介绍一下CSS3中nth-of-type(n)（比如nth-of-type(1)）这个特殊的类选择符的用法。
使用nth-of-type(n)可以样式更加个性的标题和段落等，不过，目前nth-of-type(n)只支持火狐3、opera、safari和chrome等部分浏览器。
如果你使用火狐或chrome浏览器，那么也许你会注意到我的博客的评论列表的背景颜色是交替变化的，奇数楼层和偶数楼层的背景颜色是不一样的，这一效果就是使用的nth-of-type(n)这个特殊的类选择符。具体代码如下：
.comments-template ol li:nth-of-type(odd) {
background:#DBF1D4;
}
上面的代码是指，将评论列表的偶数（odd）列的背景颜色设置为:#DBF1D4，而在之前我已经将评论列表的背景颜色设置为了#F6F8FE，所以就产生了像现在这样背景颜色交替变化的评论列表。
除了可以将n设置为odd（偶数）或even（奇数）外，还可以将n设置为表达式，比如，
nth-of-type(3n+2)
上述代码中，设n=0、1、2……，则3n+2等于2、5、8……，也就是仅样式2、5、8……所代表的元素。
nth-of-type(n)应用举例
如下192.168.1.1所在的2、5、8行的背景颜色为#9966cc

192.168.1.1
192.168.1.1
192.168.1.1
192.168.1.1
192.168.1.1
192.168.1.1
192.168.1.1
192.168.1.1
192.168.1.1


关于CSS伪类
CSS 伪类用于向某些选择器添加特殊的效果。
比如常见的锚伪类：
a:link {color: #FF0000}	/* 未访问的链接 */
a:visited {color: #00FF00}	/* 已访问的链接 */
a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */
a:active {color: #0000FF}	/* 选定的链接 */
html源代码为:
&#60;ul id=&#8220;nth&#8221;&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;li&#62;192.168.1.1 &#60;/li&#62;
&#60;/ul&#62;
CSS源代码为:
ul#nth li:nth-of-type(3n+2) {
background:#DBF1D4; }
当然，完全可以使用相同的方法来样式h2标题和p段落等。
nth-of-type延伸阅读
与nth-of-type类似的还有nth-last-of-type(n)、nth-child(n)等，请自行Google吧。
人家还要...5个CSS3设计增强功能使用kuler制作Google tips玩转谷歌配色方案不是校内网紫豆会员照样免费使用紫豆模板]]></description>
			<content:encoded><![CDATA[<p>之前，我曾写过“<a href="http://www.shuilog.com/articles/5-css3-design-enhancements.html">5个CSS3设计增强功能</a>”一文，介绍了如何使用CSS3制作圆角、透明和文字阴影等效果。今天，我再介绍一下CSS3中nth-of-type(n)（比如nth-of-type(1)）这个特殊的类选择符的用法。</p>
<p>使用nth-of-type(n)可以样式更加个性的标题和段落等，不过，目前nth-of-type(n)只支持火狐3、opera、safari和chrome等部分浏览器。<span id="more-659630"></span></p>
<p>如果你使用火狐或chrome浏览器，那么也许你会注意到我的博客的评论列表的背景颜色是交替变化的，奇数楼层和偶数楼层的背景颜色是不一样的，这一效果就是使用的nth-of-type(n)这个特殊的类选择符。具体代码如下：</p>
<pre class="”CSS”"><span style="color: #000000;">.comments-template</span> <span style="color: #000080; font-weight: bold;">ol</span> <span style="color: #000080; font-weight: bold;">li</span><span style="color: #000000;">:nth-of-type</span>(<span style="color: #000080; font-weight: bold;">odd</span>) <span style="color: #000000;">{</span>
<span style="color: #000080; font-weight: bold;">background</span><span style="color: #000000;">:</span><span style="color: #0000ff;">#DBF1D4</span>;
<span style="color: #000000;">}</span></pre>
<p>上面的代码是指，将评论列表的偶数（odd）列的背景颜色设置为:#DBF1D4，而在之前我已经将评论列表的背景颜色设置为了#F6F8FE，所以就产生了像现在这样背景颜色交替变化的评论列表。</p>
<p>除了可以将n设置为odd（偶数）或even（奇数）外，还可以将n设置为表达式，比如，</p>
<blockquote><p>nth-of-type(3n+2)</p></blockquote>
<p>上述代码中，设n=0、1、2……，则3n+2等于2、5、8……，也就是仅样式2、5、8……所代表的元素。</p>
<h2>nth-of-type(n)应用举例</h2>
<p>如下192.168.1.1所在的2、5、8行的背景颜色为<span style="background-color: #9966cc;">#9966cc</span></p>
<ul id="nth">
<li>192.168.1.1</li>
<li>192.168.1.1</li>
<li>192.168.1.1</li>
<li>192.168.1.1</li>
<li>192.168.1.1</li>
<li>192.168.1.1</li>
<li>192.168.1.1</li>
<li>192.168.1.1</li>
<li>192.168.1.1</li>
</ul>
<blockquote class="q">
<h2>关于CSS伪类</h2>
<p>CSS 伪类用于向某些选择器添加特殊的效果。</p>
<p>比如常见的锚伪类：</p>
<p>a:link {color: #FF0000}	/* 未访问的链接 */</p>
<p>a:visited {color: #00FF00}	/* 已访问的链接 */</p>
<p>a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */</p>
<p>a:active {color: #0000FF}	/* 选定的链接 */</p></blockquote>
<p>html源代码为:</p>
<p><span style="color: #000080; font-weight: bold;">&lt;ul</span> <span style="color: #ff0000;">id=</span><span style="color: #0000ff;">&#8220;nth&#8221;</span><span style="color: #000080; font-weight: bold;">&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;li&gt;</span><span style="color: #000000;">192.168.1.1 </span><span style="color: #000080; font-weight: bold;">&lt;/li&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;/ul&gt;</span></p>
<p>CSS源代码为:</p>
<p><span style="color: #000080; font-weight: bold;">ul</span><span style="color: #000000;">#nth</span> <span style="color: #000080; font-weight: bold;">li</span><span style="color: #000000;">:nth-of-type</span>(<span style="color: #000080; font-weight: bold;">3n</span><span style="color: #000000;">+</span><span style="color: #000080; font-weight: bold;">2</span>) <span style="color: #000000;">{</span><br />
<span style="color: #000080; font-weight: bold;">background</span><span style="color: #000000;">:</span><span style="color: #0000ff;">#DBF1D4</span>; <span style="color: #000000;">}</span></p>
<p>当然，完全可以使用相同的方法来样式h2标题和p段落等。</p>
<h2>nth-of-type延伸阅读</h2>
<p>与nth-of-type类似的还有nth-last-of-type(n)、nth-child(n)等，请自行Google吧。</p>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/5-css3-design-enhancements.html" title="5个CSS3设计增强功能">5个CSS3设计增强功能</a></li><li><a href="http://www.shuilog.com/articles/kuler-google-tips-color-adobe-air.html" title="使用kuler制作Google tips玩转谷歌配色方案">使用kuler制作Google tips玩转谷歌配色方案</a></li><li><a href="http://www.shuilog.com/articles/xiaonei-zidou-muban-css.html" title="不是校内网紫豆会员照样免费使用紫豆模板">不是校内网紫豆会员照样免费使用紫豆模板</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/css3-nth-of-type-n-odd-even.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>考驾照</title>
		<link>http://www.shuilog.com/articles/take-driving-test-license.html</link>
		<comments>http://www.shuilog.com/articles/take-driving-test-license.html#comments</comments>
		<pubDate>Tue, 12 Jan 2010 09:09:47 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[情感随笔]]></category>
		<category><![CDATA[校园]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/articles/take-driving-test-license.html</guid>
		<description><![CDATA[自从找完工作后，一直闲着无事，很是无聊，很是空虚。开始给自己找点事情做，于是，就跟风考驾照。
长春不愧是汽车之城，考驾照可以说是最便宜也是最松的。我是在长春汇通驾校学习，报名费只有1200，当然以后练习九项应该还要交记时费，不过，已经很便宜了。

上周四考了笔试，之前看了三天那一小本考驾照的题库，然后在吉大燕子上下载了模拟考试软件，做了三次，都过了90分，于是就去考试了。考试的地方是长春北郊，可以说是目前我到过的中国最北方了，不过，依然属于长春市。
凌晨5点起床到报名处，然后老师给介绍了一下新版交通手势，之前竟然不知道还有改版这一说，心中暗地庆幸，等到6点左右，汇通的宇通大客来接我们了，在车上一哥们把手机里的视频版新版交通手势拿蓝牙传给了我，看了两三遍也就记住了。车子驶出长春火车站后，我以为很快要到了呢，结果每次都是峰回路转，绕过一道弯儿后又继续长驱直入了。期间还经过了长春监狱，很荒凉的地方，司机因为怕电瓶没电了，所以车里也没有开灯，突然就感觉我们自己像是犯人一样，又好像三毛一样，来到了撒哈拉沙漠，监狱幸好没有设置在考场的地点，否则，说不定会像《撒哈拉的故事》里讲的那样，犯人们都出来张望给我们喝彩，看到漂亮的妞说不定还会调侃一下：
“哇！小宝贝，美人儿，你他妈的好好考试啊，不要怕，有老子们在这儿替你撑腰，啧啧……真是个性感妞儿！”
大约8点多，我们总算到达了目的地，笔试的房子并不像想象中那么破旧，竟然还是有卫生间的。我们几十个人等候在休息室，不一会来了一位老师，又给我们集体介绍了一遍新版交通手势，还学小沈阳那样让我们鼓掌，还要我们不要停，很幽默的说。这位幽默的老师还跟我们介绍了一些考试的小技巧，比如，逢2必选，这个之前同学也给我讲过。大约等了40分钟，便开始考试了，里面的布置很像网吧一样，电脑也不像想象中那么破旧，因为15分钟内不能交卷，所以我做完后就又等了几分钟才交卷，还不错，只做错一道题。
最近这几天在准备考桩，现在还不熟，总是在做完一步后要再想几秒下一步该怎么做，有时不是忘了换挡就是拐错方向，偶尔还会撞撞杆。教练的态度倒是很和蔼，不像同学说的那样跟孙子一样训人，不知道是不是给他买了烟的原因，囧~
一边学车，一边还要准备学校的考试，明天要考ARM了，这门高深的课我就上过两三节，当然去了也是和同学聊聊天，今晚要看看昨天老师给画的重点了，也是给出了题库，不过，考驾照是1000道题里考100道，中奖率1/10，考ARM是8道题里考5道，中奖率还是蛮高的嘛，而且，还是开卷考试，到时候再拿着手机开着UcWeb，找不到答案的就可以Google一下啦，这也不能算作弊嘛。大四的考试就这样。
记得大三时，自己暗下决心一定不要到了大四就不去听课了，一定要好好学习ARM，结果真到了大四，之前的决心都他妈的滚蛋了。人啊，不能太装B。
人家还要...长春黑水路买黄片理想中的海盗湾威莱二面小组面面经]]></description>
			<content:encoded><![CDATA[<p>自从找完工作后，一直闲着无事，很是无聊，很是空虚。开始给自己找点事情做，于是，就跟风考驾照。</p>
<p>长春不愧是汽车之城，考驾照可以说是最便宜也是最松的。我是在长春汇通驾校学习，报名费只有1200，当然以后练习九项应该还要交记时费，不过，已经很便宜了。</p>
<p><span id="more-659618"></span></p>
<p>上周四考了笔试，之前看了三天那一小本考驾照的题库，然后在吉大燕子上下载了模拟考试软件，做了三次，都过了90分，于是就去考试了。考试的地方是长春北郊，可以说是目前我到过的中国最北方了，不过，依然属于长春市。</p>
<p>凌晨5点起床到报名处，然后老师给介绍了一下新版交通手势，之前竟然不知道还有改版这一说，心中暗地庆幸，等到6点左右，汇通的宇通大客来接我们了，在车上一哥们把手机里的视频版新版交通手势拿蓝牙传给了我，看了两三遍也就记住了。车子驶出长春火车站后，我以为很快要到了呢，结果每次都是峰回路转，绕过一道弯儿后又继续长驱直入了。期间还经过了长春监狱，很荒凉的地方，司机因为怕电瓶没电了，所以车里也没有开灯，突然就感觉我们自己像是犯人一样，又好像三毛一样，来到了撒哈拉沙漠，监狱幸好没有设置在考场的地点，否则，说不定会像《撒哈拉的故事》里讲的那样，犯人们都出来张望给我们喝彩，看到漂亮的妞说不定还会调侃一下：</p>
<blockquote><p>“哇！小宝贝，美人儿，你他妈的好好考试啊，不要怕，有老子们在这儿替你撑腰，啧啧……真是个性感妞儿！”</p></blockquote>
<p>大约8点多，我们总算到达了目的地，笔试的房子并不像想象中那么破旧，竟然还是有卫生间的。我们几十个人等候在休息室，不一会来了一位老师，又给我们集体介绍了一遍新版交通手势，还学小沈阳那样让我们鼓掌，还要我们不要停，很幽默的说。这位幽默的老师还跟我们介绍了一些考试的小技巧，比如，逢2必选，这个之前同学也给我讲过。大约等了40分钟，便开始考试了，里面的布置很像网吧一样，电脑也不像想象中那么破旧，因为15分钟内不能交卷，所以我做完后就又等了几分钟才交卷，还不错，只做错一道题。</p>
<p>最近这几天在准备考桩，现在还不熟，总是在做完一步后要再想几秒下一步该怎么做，有时不是忘了换挡就是拐错方向，偶尔还会撞撞杆。教练的态度倒是很和蔼，不像同学说的那样跟孙子一样训人，不知道是不是给他买了烟的原因，囧~</p>
<p>一边学车，一边还要准备学校的考试，明天要考ARM了，这门高深的课我就上过两三节，当然去了也是和同学聊聊天，今晚要看看昨天老师给画的重点了，也是给出了题库，不过，考驾照是1000道题里考100道，中奖率1/10，考ARM是8道题里考5道，中奖率还是蛮高的嘛，而且，还是开卷考试，到时候再拿着手机开着UcWeb，找不到答案的就可以Google一下啦，这也不能算作弊嘛。大四的考试就这样。</p>
<p>记得大三时，自己暗下决心一定不要到了大四就不去听课了，一定要好好学习ARM，结果真到了大四，之前的决心都他妈的滚蛋了。人啊，不能太装B。</p>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/changchun-heishuilu-av-cd.html" title="长春黑水路买黄片">长春黑水路买黄片</a></li><li><a href="http://www.shuilog.com/articles/ideal-bt-pirate-bay.html" title="理想中的海盗湾">理想中的海盗湾</a></li><li><a href="http://www.shuilog.com/articles/walch-panel-interview.html" title="威莱二面小组面面经">威莱二面小组面面经</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/take-driving-test-license.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>从Yo2搬家到独立博客</title>
		<link>http://www.shuilog.com/articles/301-yo2-mysql-independent-domain.html</link>
		<comments>http://www.shuilog.com/articles/301-yo2-mysql-independent-domain.html#comments</comments>
		<pubDate>Mon, 11 Jan 2010 09:17:57 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[电子编程]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[sina]]></category>
		<category><![CDATA[博客]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/articles/301-yo2-mysql-independent-domain.html</guid>
		<description><![CDATA[总算从yo2搬家到独立博客啦。
新域名 http://www.shuilog.com
新Feed http://f.shuilog.com 或 http://feeds.feedburner.com/shuilog（推荐）
正所谓，官逼民反。作为一名网络P民，虽说反不了，倒是逃得了，三十六计，走为上策。

去年三月时，我从sina搬家到了yo2，当时因为没有经验买了cn的域名，也是因为没有数据库和php等经验，不敢直接使用独立空间的博客，所以选择了yo2。虽说域名没有.com的酷，在yo2也不如使用独立空间方便，但也不妨碍我写博客，一切都风平浪静。直到最近，我收到了域名商中资源的邮件，通知我提交书面的cn域名持有人身份证明，并且说个人不得拥有cn域名。我不得不放弃.cn域名，在name.com购买了新的.com域名。我之前说，只要我是cn就一定用cn的域名&#8212;现在看来，人是不能轻易作出承诺的呀。
顺便，我也就把.com的域名解析到了胡戈戈的空间来了。Yo2，再见了，保重！
搬家后设置301重定向
Yo2一向是很厚道的，这次转出博客来，还帮我在后台设置了301重定向，我的流量、PR值看来暂时可以保住了，但是不知道我的.cn域名还能坚持多久，希望PR值能早早的流到新博客域名来。
搬家后使用SQL UPDATE语句更换博客原域名链接
因为是从Yo2搬家到了独立博客，所以，还要更换博客里原域名链接。以下SQL语句参考胡戈戈的博客：
UPDATE wp_options SET option_value = replace( option_value, &#8216;http://www.shuilog.cn&#8217;, &#8216;http://www.shuilog.com&#8217; ) WHERE option_name = &#8216;home&#8217; OR option_name = &#8217;siteurl&#8217;;
UPDATE wp_posts SET post_content = replace( post_content, &#8216;http://www.shuilog.cn&#8217;, &#8216;http://www.shuilog.com&#8217; ) ;
UPDATE wp_posts SET guid = replace( guid, &#8216;http://www.shuilog.cn&#8217;, &#8216;http://www.shuilog.com&#8217; ) ;
不过，杯具的是，原来在Yo2的图片链接也变了，直接导致图片无法显示了，希望会SQL语句的老师能教教我。（更新：Yo2管理员把图片附件传给我了，于是这个问题就解决了。）
另外，大家记得换一下我博客的友情链接哦~
人家还要...twitter免费向李开复赠送红酒女大学生教你搜索色情小说新浪搜狐网易等BSP博客连同评论搬家到Yo2]]></description>
			<content:encoded><![CDATA[<p>总算从yo2搬家到独立博客啦。</p>
<p>新域名 <a href="http://www.shuilog.com">http://www.shuilog.com</a></p>
<p>新Feed <a href="http://f.shuilog.com">http://f.shuilog.com</a> 或 <a href="http://feeds.feedburner.com/shuilog">http://feeds.feedburner.com/shuilog</a>（推荐）</p>
<p>正所谓，官逼民反。作为一名网络P民，虽说反不了，倒是逃得了，三十六计，走为上策。</p>
<p><span id="more-659614"></span></p>
<p>去年三月时，我<a href="http://www.shuilog.com/articles/%e4%bb%8esina%e5%88%b0%e7%8b%ac%e7%ab%8b%e5%8d%9a%e5%ae%a2.html">从sina搬家到了yo2</a>，当时因为没有经验买了cn的域名，也是因为没有数据库和php等经验，不敢直接使用独立空间的博客，所以选择了yo2。虽说域名没有.com的酷，在yo2也不如使用独立空间方便，但也不妨碍我写博客，一切都风平浪静。直到最近，我收到了域名商中资源的邮件，通知我提交书面的cn域名持有人身份证明，并且说个人不得拥有cn域名。我不得不放弃.cn域名，在name.com购买了新的.com域名。我之前说，只要我是cn就一定用cn的域名&#8212;现在看来，人是不能轻易作出承诺的呀。</p>
<p>顺便，我也就把.com的域名解析到了胡戈戈的空间来了。Yo2，再见了，保重！</p>
<h2>搬家后设置301重定向</h2>
<p>Yo2一向是很厚道的，这次转出博客来，还帮我在后台设置了301重定向，我的流量、PR值看来暂时可以保住了，但是不知道我的.cn域名还能坚持多久，希望PR值能早早的流到新博客域名来。</p>
<h2>搬家后使用SQL UPDATE语句更换博客原域名链接</h2>
<p>因为是从Yo2搬家到了独立博客，所以，还要更换博客里原域名链接。以下SQL语句参考<a href="http://www.gegehost.com/2009/06/10/wordpress-domain/">胡戈戈</a>的博客：</p>
<blockquote><p>UPDATE wp_options SET option_value = replace( option_value, &#8216;http://www.shuilog.cn&#8217;, &#8216;http://www.shuilog.com&#8217; ) WHERE option_name = &#8216;home&#8217; OR option_name = &#8217;siteurl&#8217;;<br />
UPDATE wp_posts SET post_content = replace( post_content, &#8216;http://www.shuilog.cn&#8217;, &#8216;http://www.shuilog.com&#8217; ) ;<br />
UPDATE wp_posts SET guid = replace( guid, &#8216;http://www.shuilog.cn&#8217;, &#8216;http://www.shuilog.com&#8217; ) ;</p></blockquote>
<p>不过，杯具的是，原来在Yo2的图片链接也变了，直接导致图片无法显示了，希望会SQL语句的老师能教教我。（更新：Yo2管理员把图片附件传给我了，于是这个问题就解决了。）</p>
<p>另外，大家记得换一下我博客的友情链接哦~</p>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/twitter-kaifu-giveaway-hongjiu.html" title="twitter免费向李开复赠送红酒">twitter免费向李开复赠送红酒</a></li><li><a href="http://www.shuilog.com/articles/lady-college-av-porn-novel.html" title="女大学生教你搜索色情小说">女大学生教你搜索色情小说</a></li><li><a href="http://www.shuilog.com/articles/sina-sohu-wangyi-bsp-blogbus-yo2-wor.html" title="新浪搜狐网易等BSP博客连同评论搬家到Yo2">新浪搜狐网易等BSP博客连同评论搬家到Yo2</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/301-yo2-mysql-independent-domain.html/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>博客主题曲Three O&#8217;Clock Blues</title>
		<link>http://www.shuilog.com/articles/blog-themes-blue-three-oclock-blues.html</link>
		<comments>http://www.shuilog.com/articles/blog-themes-blue-three-oclock-blues.html#comments</comments>
		<pubDate>Mon, 11 Jan 2010 02:34:58 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[情感随笔]]></category>
		<category><![CDATA[博客]]></category>
		<category><![CDATA[音乐]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/?p=659607</guid>
		<description><![CDATA[之前，我把自己博客这款主题命名为了blue，后来，我又改名为了blue sea，不管怎样，都是蓝调为主，所以就给博客找了一首蓝调类型的歌&#8212;Three O&#8217;Clock Blues。歌曲作者蓝调小子B.B. king（blue boy king）。我希望每到凌晨三点，博客就自动响起这首主题曲。
我听着很有感觉，尤其是在午夜，每次听时总感觉身边少一杯白酒。我希望是在午夜或者凌晨三点，坐在出租车里，幽暗的街灯，收音机里想起这首Three O&#8217;Clock Blues，我静静的闭上双眼，沉浸在这忧郁的蓝色里，时不时抿上一口衡水老白干。如果我心情糟糕，那么我听下去，会让我更糟糕，然后突然瞬间所有坏心情全部消失；如果我最近生活很紧张，那么我听下去，会让我有一种突如其来的压迫感，把我逼到角落里，然后像梦醒一般，突然空旷轻松，大片的蓝沁到骨子里，晶莹透亮，血液也变成了蓝色，溶入到那颗静静跳动的心。


Three O&#8217;Clock Blues歌词
Well now it&#8217;s three o&#8217;clock in the morning
And i can&#8217;t even close my eyes
Three o&#8217;clock in the morning baby
And i can&#8217;t even close my eyes
Can&#8217;t find my baby
And i can&#8217;t be satisfied
I&#8217;ve looked around me
And my baby she can&#8217;t be found
I&#8217;ve looked all around me, [...]]]></description>
			<content:encoded><![CDATA[<p>之前，我把自己博客这款主题命名为了blue，后来，我又改名为了<a href="http://www.shuilog.com/articles/blue-wordpress-theme-design.html">blue sea</a>，不管怎样，都是蓝调为主，所以就给博客找了一首蓝调类型的歌&#8212;Three O&#8217;Clock Blues。歌曲作者蓝调小子B.B. king（blue boy king）。我希望每到凌晨三点，博客就自动响起这首主题曲。</p>
<p>我听着很有感觉，尤其是在午夜，每次听时总感觉身边少一杯白酒。我希望是在午夜或者凌晨三点，坐在出租车里，幽暗的街灯，收音机里想起这首Three O&#8217;Clock Blues，我静静的闭上双眼，沉浸在这忧郁的蓝色里，时不时抿上一口衡水老白干。如果我心情糟糕，那么我听下去，会让我更糟糕，然后突然瞬间所有坏心情全部消失；如果我最近生活很紧张，那么我听下去，会让我有一种突如其来的压迫感，把我逼到角落里，然后像梦醒一般，突然空旷轻松，大片的蓝沁到骨子里，晶莹透亮，血液也变成了蓝色，溶入到那颗静静跳动的心。<span id="more-659607"></span></p>
<p><img class="alignnone" title="b.b. king" src="http://images.amazon.com/images/P/B0007QJ1PM.01._SCLZZZZZZZ_.jpg" alt="" width="500" height="495" /><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XNzQyMzc3MDg=/v.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="480" height="400" src="http://player.youku.com/player.php/sid/XNzQyMzc3MDg=/v.swf" quality="high" align="middle"></embed></object></p>
<h2>Three O&#8217;Clock Blues歌词</h2>
<blockquote><p>Well now it&#8217;s three o&#8217;clock in the morning<br />
And i can&#8217;t even close my eyes<br />
Three o&#8217;clock in the morning baby<br />
And i can&#8217;t even close my eyes<br />
Can&#8217;t find my baby<br />
And i can&#8217;t be satisfied<br />
I&#8217;ve looked around me<br />
And my baby she can&#8217;t be found<br />
I&#8217;ve looked all around me, people<br />
And my baby she can&#8217;t be found<br />
You know if i don&#8217;t find my baby<br />
I&#8217;m going down to the golden ground<br />
That&#8217;s where the men hang out<br />
Goodbye, everybody<br />
I believe this is the end<br />
Oh goodbye everybody<br />
I believe this is the end<br />
I want you to tell my baby<br />
Tell her please please forgive me<br />
Forgive me for my sins</p></blockquote>
<h2>关于B.B.King</h2>
<p>来自<a href="http://www.google.cn/music/artist?id=A6ab480dd0efb9d1d">谷歌音乐</a></p>
<p>B.B.King原名Riley B.King，早年因做为一名虔诚的教徒而经常演唱教堂颂歌。1943年，他移居到接近Dela中心的一个小镇，渐渐的开始接触布鲁斯音乐，而让他的布鲁斯音乐才华得以充分发挥的却是布鲁斯圣地Mississippi Delta。在1951年到1985年间，B.B.King取得的成绩是为世人所瞩目的，他曾做为极少数功力深厚的布鲁斯明星之一，进入了仅74人的BillBoard R&amp;B演唱会入选者名单。尤其是1970年，B.B.King因《The Thrill Is Gone》取得的巨大成功成为了乐坛的焦点人物，从而获得了数以万记的乐迷和世界一流吉他大师的头衔。在他的音乐生涯中，曾与多位音乐大师合作，包括布鲁斯大师T-Bone Walker和Lonnie Johnson、爵士大师Charlie Christian和Django。 作为一位BLUES王国的主宰，传奇人物 B.B.King 无疑是过去半个多世纪中最重要的电声吉他演奏大师。他一直有着无上的自信，能够从任何抒情诗中挤榨所有微妙的语感；他那独特的小颤音足以将他与后来人远远分开。同时，他亦是一位表现力丰富的超级歌手，善于使用不同的曲调演唱同一句歌词，而且经常变化唱法，颤声、假声或是真假声轮唱。不过，最重要的一点是：B.B.KING一直是位谦逊的superstar，而且永远面带笑容。</p>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/301-yo2-mysql-independent-domain.html" title="从Yo2搬家到独立博客">从Yo2搬家到独立博客</a></li><li><a href="http://www.shuilog.com/articles/how-improve-blog-comments.html" title="如何增加博客评论数？">如何增加博客评论数？</a></li><li><a href="http://www.shuilog.com/articles/contributions-pillows-baseball-caps.html" title="投稿件·送帽子·送抱枕">投稿件·送帽子·送抱枕</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/blog-themes-blue-three-oclock-blues.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajax+jquery实现自动定时刷新局部网页</title>
		<link>http://www.shuilog.com/articles/ajax-auto-settimeout-refresh-web.html</link>
		<comments>http://www.shuilog.com/articles/ajax-auto-settimeout-refresh-web.html#comments</comments>
		<pubDate>Mon, 11 Jan 2010 02:33:44 +0000</pubDate>
		<dc:creator>shuil</dc:creator>
				<category><![CDATA[电子编程]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://www.shuilog.com/?p=659605</guid>
		<description><![CDATA[本文以美女时钟的制作为例子，介绍如何利用Ajax+jquery技术实现自动定时刷新局部网页。
通过上篇《PHP+MySql获取访客IP、时区和时间》，我们已经学会了如何利用PHP+MySql获取访客的当前时间，接下来我们就要利用Ajax+jquery技术实现自动定时刷新美女时钟了。
在介绍利用Ajax+jquery技术实现自动定时刷新美女时钟之前，我们还需要解决两个小问题。一个是如何将美女时钟图片与当前时间对应，另一个是什么时候恰当的刷新图片。
不用担心，它们都很简单。

如何将美女时钟图片与当前时间对应？
在上篇中我们已经利用PHP+MySql获取了访客的当前时间，那么我们又该如何显示与之对应的美女时钟图片呢？
这个问题其实很简单。我们一共需要24*60=1440张美女时钟照片，我们将每张照片的名字以对应的时间来命名，比如，将18:54对应的美女时钟照片的名字命名为1854.jpg，然后再使用PHP调用就可以啦。
因为我手里没有1440张照片，所以便选择了10张照片，它们的名字分别是0、1、2……8、9，每张对应当前时间分钟的后一位数字。
&#60;?php
header(&#8220;expires:mon,26jul199705:00:00gmt&#8221;);
header(&#8220;cache-control:no-cache,must-revalidate&#8221;);
header(&#8220;pragma:no-cache&#8221;); include &#8220;ip.php&#8221;;
$nows=substr(&#8220;$nowtime&#8220;,3,1);//提取出当前时间分钟的后一位数字
echo $str=&#8220;&#60;p&#62;&#60;img src=\&#8221;img/$nows.jpg\&#8221; width=500px height=300px /&#62;&#60;/p&#62;&#8221;;
?&#62;
上面的代码还包含了一些PHP的header函数，主要是因为我发现IE浏览器开启缓存后会导致美女时钟图片不改变，所以添加了强制禁止浏览器缓存的函数。
什么时候恰当的刷新图片？
当然是在整分钟是马上刷新图片了，那么，如何保证图片的整分钟时刷新呢？
这个问题只需要一个灰常灰常简单的算法。计算当前访客时间距离下一分钟的秒数$lefttime并传递给javascript函数，然后lefttime秒后使用Ajax刷新，刷新时再计算一次$lefttime并动态传递给javascript函数，因为刷新时正好是整分钟，所以之后lefttime一直等于60，也就实现了整分钟时刷新。
&#60;?php
include &#8220;ip.php&#8221;;
echo $lefttime=60-substr(&#8220;$nowtime&#8220;,4,2);
?&#62;
Ajax+jquery实现自动定时刷新局部网页
因为每分钟变化的部分只有美女时钟图片，网页的其他信息都没有变化，所以我们没有必要向服务器发送整个网页请求，仅仅需要利用Ajax+jquery技术向服务器取回美女时钟图片信息和当前访客时间距离下一分钟的秒数$lefttime即可。
我对jquery不是很了解，以下代码是在 sunajia编写的基础上并在 leeiio 的指导下山寨出来的。
&#60;script type=&#8220;text/javascript&#8221; src=&#8220;http://www.google.com/jsapi&#8221;&#62;&#60;/script&#62;
&#60;script type=&#8220;text/javascript&#8221;&#62;
&#60;!&#8211;
google.load(&#8220;jquery&#8221;, &#8220;1.2&#8243;);
function displaymessage(){
$.get(&#8220;time.php&#8221;, function(data){
var lefttime = data;
setTimeout(&#8216;displaymessage()&#8217;,1000*lefttime);//定时刷新函数
});
$(&#8216;#time_clock&#8217;).load(&#8216;pic.php&#8217;); //#time_clock为对应的用来显示美女时钟图片的div的id
}
//&#8211;&#62;
&#60;/script&#62;?&#62;
人家还要...日本美女时钟制作教程简易的投票系统PHP+MySql+js制作教程PHP+MySql获取访客IP、时区和时间]]></description>
			<content:encoded><![CDATA[<p>本文以<a href="http://www.shuilog.com/articles/mm-clock-design-tutorial.html">美女时钟的制作</a>为例子，介绍如何利用Ajax+jquery技术实现自动定时刷新局部网页。</p>
<p>通过上篇《<a href="http://www.shuilog.com/articles/php-mysql-ip-timezone-time.html">PHP+MySql获取访客IP、时区和时间</a>》，我们已经学会了如何利用PHP+MySql获取访客的当前时间，接下来我们就要利用Ajax+jquery技术实现自动定时刷新美女时钟了。</p>
<p>在介绍利用Ajax+jquery技术实现自动定时刷新美女时钟之前，我们还需要解决两个小问题。一个是如何将美女时钟图片与当前时间对应，另一个是什么时候恰当的刷新图片。</p>
<p>不用担心，它们都很简单。<span id="more-659605"></span></p>
<p><img class="aligncenter size-full wp-image-659822" title="mm" src="http://image-001.yo2cdn.com/wp-content/uploads/149/14984/2009/12/mm.png" alt="mm" width="529" height="370" /></p>
<h3>如何将美女时钟图片与当前时间对应？</h3>
<p>在上篇中我们已经利用PHP+MySql获取了访客的当前时间，那么我们又该如何显示与之对应的美女时钟图片呢？</p>
<p>这个问题其实很简单。我们一共需要24*60=1440张美女时钟照片，我们<strong>将每张照片的名字以对应的时间来命名</strong>，比如，将18:54对应的美女时钟照片的名字命名为1854.jpg，然后再使用PHP调用就可以啦。</p>
<p>因为我手里没有1440张照片，所以便选择了10张照片，它们的名字分别是0、1、2……8、9，每张对应当前时间分钟的后一位数字。</p>
<p><span style="color: #008080;">&lt;?php</span><br />
<span style="color: #000000;">header</span>(<span style="color: #0000ff;">&#8220;expires:mon,26jul199705:00:00gmt&#8221;</span>);<br />
<span style="color: #000000;">header</span>(<span style="color: #0000ff;">&#8220;cache-control:no-cache,must-revalidate&#8221;</span>);<br />
<span style="color: #000000;">header</span>(<span style="color: #0000ff;">&#8220;pragma:no-cache&#8221;</span>); <span style="color: #000080; font-weight: bold;">include</span> <span style="color: #0000ff;">&#8220;ip.php&#8221;</span>;<br />
<span style="color: #000000;">$nows</span><span style="color: #000000;">=</span><span style="color: #000000;">substr</span>(<span style="color: #0000ff;">&#8220;</span><span style="color: #0000ff;">$nowtime</span><span style="color: #0000ff;">&#8220;</span><span style="color: #000000;">,</span><span style="color: #0000ff;">3</span><span style="color: #000000;">,</span><span style="color: #0000ff;">1</span>);<span style="color: #008800; font-style: italic;">//提取出当前时间分钟的后一位数字</span><br />
<span style="color: #000080; font-weight: bold;">echo</span> <span style="color: #000000;">$str</span><span style="color: #000000;">=</span><span style="color: #0000ff;">&#8220;&lt;p&gt;&lt;img src=</span><span style="color: #0000ff;">\&#8221;</span><span style="color: #0000ff;">img/</span><span style="color: #0000ff;">$nows</span><span style="color: #0000ff;">.jpg</span><span style="color: #0000ff;">\&#8221;</span><span style="color: #0000ff;"> width=500px height=300px /&gt;&lt;/p&gt;&#8221;</span>;<br />
<span style="color: #008080;">?&gt;</span></p>
<p>上面的代码还包含了一些PHP的header函数，主要是因为我发现IE浏览器开启缓存后会导致美女时钟图片不改变，所以添加了<strong>强制禁止浏览器缓存</strong>的函数。</p>
<h3>什么时候恰当的刷新图片？</h3>
<p>当然是在整分钟是马上刷新图片了，那么，如何保证图片的整分钟时刷新呢？</p>
<p>这个问题只需要一个灰常灰常简单的算法。计算当前访客时间距离下一分钟的秒数$lefttime并传递给javascript函数，然后lefttime秒后使用Ajax刷新，刷新时再计算一次$lefttime并动态传递给javascript函数，因为刷新时正好是整分钟，所以之后lefttime一直等于60，也就实现了整分钟时刷新。</p>
<p><span style="color: #008080;">&lt;?php</span><br />
<span style="color: #000080; font-weight: bold;">include</span> <span style="color: #0000ff;">&#8220;ip.php&#8221;</span>;<br />
<span style="color: #000080; font-weight: bold;">echo</span> <span style="color: #000000;">$lefttime</span><span style="color: #000000;">=</span><span style="color: #0000ff;">60</span><span style="color: #000000;">-</span><span style="color: #000000;">substr</span>(<span style="color: #0000ff;">&#8220;</span><span style="color: #0000ff;">$nowtime</span><span style="color: #0000ff;">&#8220;</span><span style="color: #000000;">,</span><span style="color: #0000ff;">4</span><span style="color: #000000;">,</span><span style="color: #0000ff;">2</span>);<br />
<span style="color: #008080;">?&gt;</span></p>
<h2>Ajax+jquery实现自动定时刷新局部网页</h2>
<p>因为每分钟变化的部分只有美女时钟图片，网页的其他信息都没有变化，所以我们没有必要向服务器发送整个网页请求，仅仅需要利用Ajax+jquery技术向服务器取回美女时钟图片信息和当前访客时间距离下一分钟的秒数$lefttime即可。</p>
<p>我对jquery不是很了解，以下代码是在 <a href="https://twitter.com/sunajia">sunajia</a>编写的基础上并在 <a href="http://leeiio.me/" target="_blank">leeiio</a> 的指导下山寨出来的。</p>
<p><span style="color: #000000;">&lt;</span><span style="color: #000000;">script</span> <span style="color: #000000;">type</span><span style="color: #000000;">=</span><span style="color: #0000ff;">&#8220;text/javascript&#8221;</span> <span style="color: #000000;">src</span><span style="color: #000000;">=</span><span style="color: #0000ff;">&#8220;http://www.google.com/jsapi&#8221;</span><span style="color: #000000;">&gt;&lt;/</span><span style="color: #000000;">script</span><span style="color: #000000;">&gt;</span><br />
<span style="color: #000000;">&lt;</span><span style="color: #000000;">script</span> <span style="color: #000000;">type</span><span style="color: #000000;">=</span><span style="color: #0000ff;">&#8220;text/javascript&#8221;</span><span style="color: #000000;">&gt;</span><br />
<span style="color: #008800; font-style: italic;">&lt;!&#8211;</span><br />
<span style="color: #000000;">google</span><span style="color: #000000;">.</span><span style="color: #000000;">load</span>(<span style="color: #0000ff;">&#8220;jquery&#8221;</span><span style="color: #000000;">,</span> <span style="color: #0000ff;">&#8220;1.2&#8243;</span>);<br />
<span style="color: #000080; font-weight: bold;">function</span> <span style="color: #000000;">displaymessage</span><span style="color: #000000;">(){</span><br />
<span style="color: #000000;">$</span><span style="color: #000000;">.</span><span style="color: #000000;">get</span>(<span style="color: #0000ff;">&#8220;time.php&#8221;</span><span style="color: #000000;">,</span> <span style="color: #000080; font-weight: bold;">function</span>(<span style="color: #000000;">data</span><span style="color: #000000;">){</span><br />
<span style="color: #000080; font-weight: bold;">var</span> <span style="color: #000000;">lefttime</span> <span style="color: #000000;">=</span> <span style="color: #000000;">data</span>;<br />
<span style="color: #000000;">setTimeout</span>(<span style="color: #0000ff;">&#8216;displaymessage()&#8217;</span><span style="color: #000000;">,</span><span style="color: #0000ff;">1000</span><span style="color: #000000;">*</span><span style="color: #000000;">lefttime</span>);<span style="color: #008800; font-style: italic;">//定时刷新函数</span><br />
<span style="color: #000000;">});</span><br />
<span style="color: #000000;">$</span>(<span style="color: #0000ff;">&#8216;#time_clock&#8217;</span><span style="color: #000000;">).</span><span style="color: #000000;">load</span>(<span style="color: #0000ff;">&#8216;pic.php&#8217;</span>); <span style="color: #008800; font-style: italic;">//#time_clock为对应的用来显示美女时钟图片的div的id</span><br />
<span style="color: #000000;">}</span><br />
<span style="color: #008800; font-style: italic;">//&#8211;&gt;</span><br />
<span style="color: #000000;">&lt;/</span><span style="color: #000000;">script</span><span style="color: #000000;">&gt;?&gt;</span></p>
<h3  class="related_post_title">人家还要...</h3><ul class="related_post"><li><a href="http://www.shuilog.com/articles/mm-clock-design-tutorial.html" title="日本美女时钟制作教程">日本美女时钟制作教程</a></li><li><a href="http://www.shuilog.com/articles/php-mysql-js-pic-vote.html" title="简易的投票系统PHP+MySql+js制作教程">简易的投票系统PHP+MySql+js制作教程</a></li><li><a href="http://www.shuilog.com/articles/php-mysql-ip-timezone-time.html" title="PHP+MySql获取访客IP、时区和时间">PHP+MySql获取访客IP、时区和时间</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.shuilog.com/articles/ajax-auto-settimeout-refresh-web.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
