<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[飞桥工作室FeiQiao Studio]]></title>
<link>http://www.feiqiao.net/blog/</link>
<description><![CDATA[专注与WEB技术研究与开发]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
<webMaster><![CDATA[bieyinan@gmail.com(飞桥工作室)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>飞桥工作室FeiQiao Studio</title>
	<url>http://www.feiqiao.net/blog/images/logos.gif</url>
	<link>http://www.feiqiao.net/blog/</link>
	<description>飞桥工作室FeiQiao Studio</description>
</image>

			<item>
			<link>http://www.feiqiao.net/blog/article/JQuery_JS/Jquery_marquee.htm</link>
			<title><![CDATA[Jquery 文字向左无缝滚动-仿新浪微薄正在热议滚动]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[JQuery/JS]]></category>
			<pubDate>Mon,28 Feb 2011 20:50:48 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=133</guid>
		<description><![CDATA[<p>&nbsp;</p>
<div class="codeText">
<div class="codeHead">XML/HTML代码</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span>&lt;!DOCTYPE&nbsp;html&nbsp;PUBLIC&nbsp;&quot;-//W3C//DTD&nbsp;XHTML&nbsp;1.0&nbsp;Transitional//EN&quot;&nbsp;&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span><span class="tag">&lt;</span><span class="tag-name">html</span><span>&nbsp;</span><span class="attribute">xmlns</span><span>=</span><span class="attribute-value">&quot;http://www.w3.org/1999/xhtml&quot;</span><span>&nbsp;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">head</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">base</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;http://www.feiqiao.net/blog/&quot;</span><span>&nbsp;&nbsp;</span><span class="attribute">target</span><span>=</span><span class="attribute-value">&quot;_blank&quot;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">meta</span><span>&nbsp;</span><span class="attribute">http-equiv</span><span>=</span><span class="attribute-value">&quot;Content-Type&quot;</span><span>&nbsp;</span><span class="attribute">content</span><span>=</span><span class="attribute-value">&quot;text/html;charset=utf-8&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">title</span><span class="tag">&gt;</span><span>Jquery&nbsp;文字向左无缝滚动-仿新浪微薄正在热议滚动&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span><span class="tag">&lt;/</span><span class="tag-name">title</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">script</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text/javascript&quot;</span><span>&nbsp;</span><span class="attribute">src</span><span>=</span><span class="attribute-value">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">script</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">script</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text/javascript&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;$(document).ready(function(){&nbsp;&nbsp;</span></li>
    <li class="alt"><span>var&nbsp;<span class="attribute">speed</span><span>=</span><span class="attribute-value">30</span><span>;&nbsp;//数字越大速度越慢&nbsp;&nbsp;</span></span></li>
    <li><span>var&nbsp;$<span class="attribute">tab</span><span>=$(&quot;#hotTopic&quot;);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>var&nbsp;$<span class="attribute">tab1</span><span>=$(&quot;#talking&quot;);&nbsp;&nbsp;</span></span></li>
    <li><span>var&nbsp;$<span class="attribute">tab2</span><span>=$(&quot;#scroll&quot;);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>$tab2.html($tab1.html());&nbsp;&nbsp;</span></li>
    <li><span>function&nbsp;Marquee(){&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;if($tab2[0].offsetWidth-$tab[0].scrollLeft<span class="tag">&lt;</span><span>=0)&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;$tab[0]<span class="attribute">.scrollLeft-</span><span>=$tab[0].offsetWidth;&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;else{&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;$tab[0].scrollLeft++;&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;}&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;}&nbsp;&nbsp;</span></li>
    <li class="alt"><span>var&nbsp;<span class="attribute">MyMar</span><span>=</span><span class="attribute-value">setInterval</span><span>(Marquee,speed);&nbsp;//数字越大速度越慢&nbsp;&nbsp;</span></span></li>
    <li><span>$tab.hover(function(){&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clearInterval(MyMar);&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},function(){&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="attribute">MyMar</span><span>=</span><span class="attribute-value">setInterval</span><span>(Marquee,speed)&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;<span class="tag">&lt;/</span><span class="tag-name">script</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">style</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text/css&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;ul,li{margin:0;padding:0;list-style:none;}&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;#hotTopic&nbsp;{background:&nbsp;beige;overflow:hidden;border:&nbsp;1px&nbsp;dashed&nbsp;#CCC;width:&nbsp;500px;}&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;.wrap{float:&nbsp;left;width:&nbsp;1000px;}&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;#talking,#scroll{float:&nbsp;left;}&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;#talking&nbsp;li,#scroll&nbsp;li{float:left;margin-right:20px;}&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;<span class="tag">&lt;/</span><span class="tag-name">style</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;<span class="tag">&lt;/</span><span class="tag-name">head</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">body</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>Jquery&nbsp;文字向左无缝滚动-仿新浪微薄正在热议滚动&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;<span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;hotTopic&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;wrap&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">ul</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;talking&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;default.asp?cateID=4&quot;</span><span class="tag">&gt;</span><span>asp</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;default.asp?cateID=1/&quot;</span><span class="tag">&gt;</span><span>php</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;default.asp?cateID=6&quot;</span><span class="tag">&gt;</span><span>#&nbsp;JQuery/JS</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;default.asp?cateID=19&quot;</span><span class="tag">&gt;</span><span>css</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;default.asp?cateID=7&quot;</span><span class="tag">&gt;</span><span>english</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;/&quot;</span><span class="tag">&gt;</span><span>飞桥工作室FeiQiao&nbsp;Studio&nbsp;</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">ul</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">ul</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;scroll&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">ul</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;<span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span><span class="tag">&lt;/</span><span class="tag-name">body</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;<span class="tag">&lt;/</span><span class="tag-name">html</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
</ol>
</div>
<p>&nbsp;</p>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/JQuery_JS/IE6_DD_belatedPNG.htm</link>
			<title><![CDATA[IE6支持透明PNG图片解决方案:DD_belatedPNG.js]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[JQuery/JS]]></category>
			<pubDate>Fri,26 Nov 2010 09:23:53 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=131</guid>
		<description><![CDATA[<p>DD_belatedPNG.js 是一个能是IE6支持p显示ng透明图片，而且还支持背景循环（background-repeat）和定位（backgrond-position）<strong> </strong>，支持focus，Hover。</p>
<p><strong>使用方法：</strong></p>
<div class="wp_syntax">
<div class="code">
<pre style="font-family: monospace;" class="javascript"><span style="color: rgb(51, 153, 51);">&lt;!--</span><span style="color: rgb(0, 153, 0);">[</span><span style="color: rgb(0, 0, 102); font-weight: bold;">if</span> IE <span style="color: rgb(204, 0, 0);">6</span><span style="color: rgb(0, 153, 0);">]</span><span style="color: rgb(51, 153, 51);">&gt;</span>
<span style="color: rgb(51, 153, 51);">&lt;</span>script src<span style="color: rgb(51, 153, 51);">=</span><span style="color: rgb(51, 102, 204);">&quot;DD_belatedPNG.js&quot;</span><span style="color: rgb(51, 153, 51);">&gt;&lt;/</span>script<span style="color: rgb(51, 153, 51);">&gt;</span>
<span style="color: rgb(51, 153, 51);">&lt;</span>script<span style="color: rgb(51, 153, 51);">&gt;</span>
DD_belatedPNG.<span style="color: rgb(102, 0, 102);">fix</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">'.png_bg'</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span>
<span style="color: rgb(51, 153, 51);">&lt;/</span>script<span style="color: rgb(51, 153, 51);">&gt;</span>
<span style="color: rgb(51, 153, 51);">&lt;!</span><span style="color: rgb(0, 153, 0);">[</span>endif<span style="color: rgb(0, 153, 0);">]</span><span style="color: rgb(51, 153, 51);">--&gt;</span></pre>
</div>
</div>
<p>其中:<br />
DD_belatedPNG.js 为文件路径，.png_bg 为需要引用的容器名，如果需要多处引用可以使用如下方法：</p>
<div class="wp_syntax">
<div class="code">
<pre style="font-family: monospace;" class="javascript">
DD_belatedPNG.<span style="color: rgb(102, 0, 102);">fix</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">'.example1, .example2, img'</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span></pre>
</div>
</div>
<p>其中.example1 和 .example2 为class 选择器，img 就是标签了。</p>
<p>如果需要修复页面上的所有PNG图片，则可以使用</p>
<div class="wp_syntax">
<div class="code">
<pre style="font-family: monospace;" class="javascript">
DD_belatedPNG.<span style="color: rgb(102, 0, 102);">fix</span><span style="color: rgb(0, 153, 0);">(</span>&lsquo;<span style="color: rgb(51, 153, 51);">*</span><span style="color: rgb(51, 102, 204);">');&nbsp;</span></pre>
</div>
</div>
<p>官方网站：<a target="_blank" href="http://www.dillerdesign.com/experiment/DD_belatedPNG/" rel="external">http://www.dillerdesign.com/experiment/DD_belatedPNG</a></p>
<p>&nbsp;</p>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/CSS/CSS_Hack_ie6_7_8.htm</link>
			<title><![CDATA[区分 IE6 / IE7 /IE8 /Firefox浏览器 CSS Hack]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[CSS]]></category>
			<pubDate>Wed,26 May 2010 09:40:32 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=132</guid>
		<description><![CDATA[<p><code class="code_bg">selector{   <br />
property:value; /* 所有浏览器 */   <br />
property:value\9; /* 所有IE浏览器 */   <br />
+property:value; /* IE7 */   <br />
_property:value; /* IE6 */   <br />
}</code></p>
<p>当然，注意顺序。根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值</p>
<p>注意下面介绍的这些hack写法仅适用于XHTML1.0。如果没有在HTML最前加上</p>
<br />
<br />
<br />
<span style="color: green;">&lt;!DOCTYPE  html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;  &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html  xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;</span><br />
<br />
<p>那么效果将不一样！此外，这里所说的IE8，不是指IE8的兼容模式，因为IE8的兼容模式其实就是IE7。</p>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/Graphic/Vector.Magic.Desktop.Edition.v1.14.CRK-FFF.rar.htm</link>
			<title><![CDATA[顶级位图转矢量软件VectorMagicSetup 1.14]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[Graphic]]></category>
			<pubDate>Thu,02 Jul 2009 14:55:23 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=112</guid>
		<description><![CDATA[<p>最新版顶级位图转矢量软件VectorMagicSetup 1.14(PC版)。这个版本可以直接把图片拖到窗口就行，之前那个版本要把图片文件放到程序特定的文件夹里面，而且文件名不能是中文才可以(应该是破解问题)。</p>
<p>下载地址</p>
<p><a href="http://hotfile.com/dl/6728226/15787d1/GFX-Vector.Magic.Desktop.Edition.v1.14.CRK-FFF.rar.html">http://hotfile.com/dl/6728226/15787d1/GFX-Vector.Magic.Desktop.Edition.v1.14.CRK-FFF.rar.html</a></p>
<p><a href="http://uploading.com/files/WF2S1V1O/GFX-Vector.Magic.Desktop.Edition.v1.14.CRK-FFF.rar.html">http://uploading.com/files/WF2S1V1O/GFX-Vector.Magic.Desktop.Edition.v1.14.CRK-FFF.rar.html</a></p>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/JQuery_JS/pro-css-and-html-design-patterns.htm</link>
			<title><![CDATA[精通CSS与HTML设计模式中文版PDF电子书下载]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[JQuery/JS]]></category>
			<pubDate>Mon,15 Jun 2009 22:03:29 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=114</guid>
		<description><![CDATA[<p>&nbsp;<span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'Microsoft YaHei'; font-size: 12px; ">Amazon盛誉图书，业界专家十余年功力结晶，参透<a target="_blank" style="color: rgb(19, 94, 147); text-decoration: none; " href="http://www.x-beta.cn/book/pro-css-and-html-design-patterns.html">CSS与HTML</a>，350多种可以立刻用于实战的设计模式，Web设计与开发人员的必备参考书。<br />
&ldquo;不管你是什么水平的开发人员，本书都是必备的参考书。&rdquo;<br />
&mdash;&mdash;Jonathan Snook。著名web程序员，The Art andScience of CSS一书作者　<br />
&ldquo;我太喜欢这本书了。事实上我买了两本。一本放在公司，一本放在家里&hellip;&hellip;本书讲解非常系统，既值得通读，也是绝佳的参考书&hellip;&hellip;赶紧买一本好好研读吧。&rdquo;<br />
&mdash;&mdash;JavaRarlch.com<br />
由于浏览器不兼容、缺乏开发环境支持等因素。Web开发至今仍然是一项难言轻松的工作。事实上，为了简化Web开发，全球广大程序员已经开发了各种技术、众多框架和库，甚至出现五花八门的旁门左道。但是。&ldquo;银弹&rdquo;并没有出现。<br />
本 书中。Web开发专家MlchaeI Bowers通过350多种设计模式总结了自己多年的Web开发经验，并详细讲解了每种模式的工作原理。每种设计模式、示例和源代码都经过了精心设计，可 以很方便地在实际项目中使用。本书既是一部优秀的教程。可以系统而深入地学习CSS和HTML；也是不可或缺的参考书，可以大大提高你在Web设计和开发 中的效率和创造力。</span></p>
<p><img alt="" src="http://www.feiqiao.net/blog/attachments/month_0907/q20097222242.jpg" /></p>
<p>下载地址：</p>
<p>thunder://quflzdjroi8vfgzpbgv8juu3juiyjujfjuu5jtgwjtlbq1ntjuu0jui4jthfsfrntcvfocvbrsvcrsvfocvbrsvbmsvfnivbocvbmsvfnsvcqyu4ri5wzgz8mjixmtg4mzmxfdfinwzmnjfhnzdhzmexowy1zmi0nza1zwrjmjvkmzixfgg9tu1nrzrpu0yyvlnftljavlvguedxm0norujluvbzndd8l1pa/</p>
<p>&nbsp;</p>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/JQuery_JS/pro-javascript-techniques.htm</link>
			<title><![CDATA[精通JavaScript PDF电子书下载(高清晰扫描版)]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[JQuery/JS]]></category>
			<pubDate>Tue,02 Jun 2009 21:53:52 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=113</guid>
		<description><![CDATA[精通JavaScript(图灵计算机科学丛书) ，让你大开眼界的 JavaScript 力作，跟随 jQuery 之父到达前所未有的深度，Amazon 五星盛誉图书。本书是目前最深入的JavaScript图书，讲述了现代JavaScript的所有知识，展现了这门技术将能给网站建设带来如何丰富的体验。本书言简意赅，扩展了读者视野，并关注于基础且重要的主题--现代JavaScript是什么和不是什么，浏览器支持的当前状态，以及需要注意的陷阱等。书中所有概念都来自于现实案例的分析。<br/><img src="http://www.feiqiao.net/blog/attachments/month_0907/c200972215553.jpg" border="0" alt=""/><br/><br/>ohn Resig，世界级Javascript大师，著名框架jQuery的创造者，拥有多年的Web应用程序开发经验。他现在是Mozilla公司的 JavaScript传道者，此前曾经在非赢利组织“每个儿童一台笔记本电脑(OLPC)”担任程序员，并在罗切斯特理工学院从事过数据挖掘方面的研究。除了jQuery之外，他还开发7Sparklines程序库、AniWiki、建模工具dModeler等许多有影响的应用程序。他的个人网站是 www.ejohn.org。<br/> <br/>作者前言<br/>如果说现代Web应用中有什么不可忽视的事实，那便是 JavaScript 程序设计成为了一项必备的技能，需要聪敏而且在行的开发者。而问题在于直到最近为止，JavaScript 都被当作一个玩具式的语言——事实上它根本不是。<br/>在本书中，我会告诉你现代的 JavaScript 开发是如何进行的，并着力于那些用来构筑专业的动态Web应用所必需的实用技能。<br/>我会先从面向对象 JavaScript 的基础知识开始，然后介绍好的开发习惯、调试与测试技巧，再介绍DOM脚本编程与事件处理，使你了解到它们是如何 让JavaScript, CSS 与 HTML 这三者动态交互的。你将运用这些知识来构建一些改进页面的效果和有趣的交互方式。这之后，我详细地探寻 了Ajax 背后的概念，以及如何用它来改进用户体验。最后，我会展示一些 JavaScript 的未来方向——它将发展成什么样子？在本书最后提供的附录能帮助你更方便快捷地查询语法。<br/>本书自始至终贯穿着许多实例分析与大量可以重用的函数，你可以在自己的应用程序中加以运用，以体会本书介绍的概念。这些代码应有尽有，从相册、自动完成的搜索框到一个完整的 Ajax wiki 应用程序。此外，我还提供了一系列运用现代 JavaScript 库的例子，这些库包括 Prototype, Scriptaculous 等。<br/>只要有基本 JavaScript 经验的程序员都能够通过阅读此书了解到这些技术后面的最新技巧。我希望你能从阅读本书中获得进步，并学到成功的 JavaScript 开发者所必备的一切知识。<br/>下载地址：<br/>thunder://quflzdjroi8vfgzpbgv8juu3juiyjujfjuu5jtgwjtlbsmf2yvnjcmlwdcuyocvfnsu5qivcrsvfnyu4msvcnsvfocvbrsvbmsvfnyvbrsu5nyvfniu5qyvcqsvfnyvbnyu5msvfnsvbrcvbnivfncvcocu5qivfncvcosvbniuyos5wzgz8nzq4ndm5nzl8ndq0mtljyze2ndlkzgvknmyzogq0mtlmodcxyzq4ndh8ad1ztlfyq1zem1jnnulitfdkmlpwudnruepswkvpmlddtxwvwlo%3D/<br/><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/php/111.htm</link>
			<title><![CDATA[mysql_fetch_row,mysql_fetch_array,mysql_fetch_asso]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[PHP]]></category>
			<pubDate>Tue,28 Apr 2009 09:52:44 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=111</guid>
		<description><![CDATA[<p>一直以来，有搞不懂这些Mysql中从查询结果集中取得数据的函数mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc&nbsp;, mysql_fetch_object</p>
<p>之间有什么区别，先给大家一段PHP实例：</p>
<p>&lt;?php</p>
<p>$link=mysql_connect(&rsquo;localhost&rsquo;,'root&rsquo;,'feiqiao');<br />
mysql_select_db(&rsquo;abc&rsquo;,$link);<br />
$sql = &ldquo;select * from book&rdquo;;<br />
$result = mysql_query($sql);<br />
while($row = mysql_fetch_row($result))<br />
{<br />
echo $row['cid'].&rsquo;::&rsquo;.$row[1].&rsquo;&lt;br&gt;&rsquo;;<br />
}</p>
<p>$result = mysql_query($sql);<br />
while($row = mysql_fetch_array($result))<br />
{<br />
echo $row['cid'].&rsquo;::&rsquo;.$row[1].&rsquo;&lt;br&gt;&rsquo;;<br />
}</p>
<p>$result = mysql_query($sql);<br />
while($row = mysql_fetch_object($result))<br />
{<br />
echo $row-&gt;cid.&rsquo;::&rsquo;.$row-&gt;title.&rdquo;&lt;br&gt;&rdquo;;<br />
}</p>
<p>$result = mysql_query($sql);<br />
while($row = mysql_fetch_assoc($result))<br />
{<br />
echo $row['cid'].&rsquo;::&rsquo;.$row[1].&rsquo;&lt;br&gt;&rsquo;;<br />
}<br />
?&gt;<br />
分析：</p>
<p>mysql_fetch_row，这个函数是从结果集中取一行作为枚举数据，从和指定的结果标识关联的结果集中取得一行数据并作为数组返回。每个结果的列储存在一个数组的单元中，偏移量从 0 开始。 注意，这里是从0开始偏移，也就是说不能用字段名字来取值，只能用索引来取值，所以如下代码是取不到值的：</p>
<p>while($row = mysql_fetch_row($res)){<br />
echo $row['cid'].&rsquo;::&rsquo;.$row[1].&rdquo;;<br />
} //这里的$row['cid'] 取不到值。</p>
<p>mysql_fetch_array，从结果集中取得一行作为关联数组，或数字数组，或二者兼有，除了将数据以数字索引方式储存在数组中之外，还可以将数据作为关联索引储存，用字段名作为键名。 也就是说他得到的结果像数组一样，可以用key或者索引来取值，所以</p>
<p>while($row = mysql_fetch_array($res)){<br />
echo $row['cid'].&rsquo;::&rsquo;.$row[1].&rdquo;;<br />
}//这里$row['cid'],$row[1]都能得到相应的值。</p>
<p>mysql_fetch_object,顾名思义，从结果集中取得一行作为对象，并将字段名字做为属性。所以只有这样才能取到值<br />
while($row = mysql_fetch_object($res)){<br />
echo $row-&gt;cid.&rsquo;::&rsquo;.$row-&gt;title.&rdquo;&quot;;<br />
}</p>
<p>mysql_fetch_assoc，从结果集中取得一行作为关联数组，也就是说这个函数不能像mysql_fetch_row那样用索引来取值，只能用字段名字来取，所以</p>
<p>while($row = mysql_fetch_assoc($res)){<br />
echo $row['cid'].&rsquo;::&rsquo;.$row[1].&rdquo;;<br />
} //$row[1]这样是取不到值的</p>
<p>补充一点：</p>
<p>mysql_fetch_array函数是这样定义的：array mysql_fetch_array ( resource result [, int result_type])，返回根据从结果集取得的行生成的数组，如果没有更多行则返回 <tt class="constant"><strong><font face="新宋体">FALSE</font></strong></tt>。</p>
<p><strong class="function">mysql_fetch_array()</strong> 中可选的第二个参数 <tt class="parameter"><em><font face="新宋体">result_type</font></em></tt> 是一个常量，可以接受以下值：MYSQL_ASSOC，MYSQL_NUM 和 MYSQL_BOTH。其中：<br />
1、mysql_fetch_assoc($result)==mysql_fetch_array($result,MYSQL_ASSOC);<br />
2、mysql_fetch_row($result)==mysql_fetch_array($result,MYSQL_NUM);</p>
<p>所以mysql_fetch_array()函数在某种程度上可以算是mysql_fetch_row()与 mysql_fetch_assoc()的集合。另外，mysql_fetch_array()另外还有MYSQL_BOTH参数，将得到一个同时包含关 联和数字索引的数组。</p>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/asp/110.htm</link>
			<title><![CDATA[SQL server触发器入门9 -慎用触发器]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[ASP]]></category>
			<pubDate>Thu,16 Apr 2009 10:47:04 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=110</guid>
		<description><![CDATA[<div id="articleBody">
<p>触发器功能强大，轻松可靠地实现许多复杂的功能，为什么又要慎用呢。 触发器本身没有过错，但由于我们的滥用会造成数据库及应用程序的维护困难。</p>
<p>在数据库操作中，我们可以通过关系、触发器、存储过程、应用程序等来实现数据操作，比如删除 T1 表记录时期望删除 T2 表相关的记录，此时可以建立级联删除的关系，也可以为 T1 表建立触发器使同时删除 T2 表相关记录，也可以自定义存储过程删除 T1 和 T2 表的记录，也可以在应用程序中使用两个 SQL 语句来删除&hellip;&hellip;到底用哪一种好呢，应该说我们建立通过建立关系来实现级联删除是最好的，除非更有高的需求。</p>
<p>触发器还有一个用途可以用来保障数据的完整性，但同时规则、约束、默认值也可以保障数据完整性，到底哪一个好呢，一般说来，较为简单的完整性要求我们不应该使用触发器。两者在运行机制上也是有区别的，像规则、约束、默认值这些是在数据更改之前进行数据验证，而触发器是在数据更改之后进行验证（如果事务回滚，该表将不会产生变化）。</p>
<p>总之，如果我们对触发器过分的依赖，就会造成遍地是程序的情况，因为触发器本身就需要别的程序给它一个触发条件，也就是说至少在两个地方存在着程序，同时我们抛弃了约束、默认值等而选用触发器，势必影响数据库的结构。</p>
</div>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/asp/109.htm</link>
			<title><![CDATA[SQL server触发器入门8-实例触发器回滚]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[ASP]]></category>
			<pubDate>Thu,16 Apr 2009 10:41:44 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=109</guid>
		<description><![CDATA[<p>我们看到许多注册系统在注册后都不能更改用户名，但这多半是由应用程序决定的， 如果直接打开数据库表进行更改，同样可以更改其用户名，在触发器中利用回滚就可以巧妙地实现无法更改用户名。</p>
<div style="border-right: #006699 1px solid; border-top: #006699 1px solid; border-left: #006699 1px solid; border-bottom: #006699 1px solid; background-color: #66ccff"><font color="#0000ff">use</font> 数据库名<br />
go<br />
<font color="#0000ff">create trigger tr</font><br />
<font color="#0000ff">on</font> 表名<br />
<font color="#0000ff">for update<br />
as</font><br />
&nbsp;&nbsp;&nbsp;&nbsp;<font color="#0000ff">if update</font><font color="#666666">(</font>userName<font color="#666666">)<br />
</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#0000ff">rollback tran</font></div>
<p><strong>关键在最后两句，其解释为：如果更新了 userName 列，就回滚事务。</strong></p>]]></description>
		</item>
		
			<item>
			<link>http://www.feiqiao.net/blog/article/asp/108.htm</link>
			<title><![CDATA[SQL server触发器入门7-禁用和启用触发器]]></title>
			<author>bieyinan@gmail.com(biezhiyinan)</author>
			<category><![CDATA[ASP]]></category>
			<pubDate>Wed,15 Apr 2009 10:38:10 +0800</pubDate>
			<guid>http://www.feiqiao.net/blog/default.asp?id=108</guid>
		<description><![CDATA[<div class="code"><strong>1.禁用：</strong></div>
<div class="code">&nbsp;</div>
<div class="code">alter table 表名 disable trigger 触发器名称</div>
<div class="code"><br />
<strong>2.启用：</strong></div>
<div class="code">alter table 表名 enable trigger 触发器名称</div>
<div class="code">&nbsp;&nbsp;</div>
<p>如果有多个触发器，则各个触发器名称之间用英文逗号隔开。</p>
<p>如果把&ldquo;触发器名称&rdquo;换成&ldquo;ALL&rdquo;，则表示禁用或启用该表的全部触发器。</p>]]></description>
		</item>
		
</channel>
</rss>

