阳历的2007年最后一个工作日，两部委“发威”。说要视频网站国企化。整改期限则是1月31日。一时间，从视频网站的老总到投资人再到IT同行， 一片哗然。虽然原因明了，但是实施起来，难度相当。一个月以来，私营老总们是否奔走东西不曾明了。但观望等待却是唯一能做的了。等待什么？执行细则。
曾记得，防沉迷系统的出台，则对于游戏业的打击。最后的执行却是，18岁以后未纳入防沉迷。这使得政策出了，执行最后游戏商们，却毫无大伤。
此次民营视频网站，最后的执行细则是”既往不咎“。什么意思，就是做视频网站的补个证就可以了。新来的一律按”政策”实施。这使得后来做视频的网站 的门槛高。也会使得风投们望而却步。看来民营视频之间的厮杀不在会有新人了。只是有当前几个网站了。tudou,youku等等也算政治保护了。
我在这个区玩过两个号,一个68鬼王╄永恒╄云天 ,一个60青云云天帅帅,对冲级也算有些心得,在这里写出来给大家分享.(鬼王号因为感情上面出了些问题,所以我没玩了,练了个小青云,虽然我两个号都没到75,但是好多朋友都75了,我向他们请教过的,而且只要掌握的冲级的方法,也可以说有冲75的经验了，
)
这个游戏杀怪的经验相对较少,任务经验相对比较高,也就是说,任务越快,升级就越快.因为大部分任务都能共享,所以组队刷任务成了升级的最快法门,即使刷传功任务,也是组队刷才划算.
在这里先介绍一下诛仙里的各种任务.
诛仙任务：黄金色任务。经验高,但是跑路多.
游历任务：蓝色任务。经验高,也是跑路多。到一定级别就能接到相应的任务（多使用查找最新任务这个功能）。经验颇高，而且有称号奖励。
挑战任务：红色任务。。很难接到，经验颇高，有几率得到物品奖励比如：魔影（天工宝鉴）。
寻宝任务：橘黄色任务。很低等级可以接到，完成任务需要的道具都要从寻宝任务中随机获得。很难接到，经验一般。有物品奖励。
但是好浪费时间
平妖任务：暗绿色任务，经验高，容易接到。
试练任务：白色任务,接得最多的任务.60级以前有概率得到紫星石,60以后有概率得到暗月石,刷当级别传功必备.
诛仙任务和游历任务的特点就是经验奖励高,但是做起来麻烦,很耗时间.建议有效率队伍的时候不要做诛仙任务和游历任务,队伍效率的时候刷任务管理员那里接的任务,那是最快的,一满队人,10来分钟就可以刷一轮任务(5个任务接满).但是人总有落单的时候,你不可能永远在效率队伍里的,特别是级别冲到了前面就比较孤单了,队伍很难组了,这种时候就做诛仙任务和游历任务比较划算了.
要什么样的队伍才算效率呢?我个人觉得职业无所谓,因为这个游戏的职业平衡比武林好,组满队以后,每种职业都可以做为输出,都可以贡献自己的力量,所以我组人一般都不分职业.在我的概念里,大家级别差不多,都努力打怪不偷懒,5到6个人的队伍就是效率队伍了.
有了效率的队伍以后,就是升级的路线了,下面介绍一下我升级的路线,供大家参考.
1到15级就很简单了.做完这个级别的诛仙和游历就差不多14级了,到了14级没有诛仙任务和游历任务了,就组好队伍去任务管理员那里接试练任务吧,这个级别主要刷去草庙村路上的怨灵和凶灵这两种怪的任务,大概个把小时不到就可以到15级了,选择好自己的门派组转职去吧.
转好职业就该去青云混了,做完青云地图的诛仙任务和游历任务,你也差不多23级了,这时候刷野猪,通臂猿的任务升到24.
24到28:组好效率队伍,在青云任务管理员那里接剑奴和剑魔的任务,接满5个,就去青云后山刷怪了,如果队伍好,大概10分钟就可以刷完任务回去交了.这个级别就不停的刷这里的任务.
28到30:在后山升到了28就可以接到猫女,神火教护法,幼齿猫女的任务了,因为这几种怪的位置距离城里比较远,路上很容易造成队伍分散,所以建议队伍里的人一起接任务一起去刷,然后一起回来交任务.在这里刷到30以后就换装备吧,准备去天音咯.
30到34:30级以后,诛仙任务和游历任务在升级的时候占的比例比较小了,所以在有效率队伍的时候建议先不做,等每队伍的时候再做.这个级别就接门口的鸦人和黑熊兽妖的任务,也是接满5个任务直奔怪点去刷,经验相当快.
34到38:这个级别主要接骷髅魔兵和山贼的任务,最近的骷髅魔兵和山贼在天音地图的仙姝林,这个级别段也是比较好冲的.
38到42是天音地图最难冲的,因为这个级别要刷的是流寇和骷髅魔兵,而这两种怪的任务相对比较少,任何一种怪的任务都接不满5个,所以一般接三个流寇任务,两个骷髅射手的任务,而最让人郁闷的是,这两种怪是分开的,不象前面的怪在一个区域.所以队伍很容易分散,因此还是建议大家统一行动,一起接任务,一起交任务.
42到45是比较好冲的,前面刷了那么多任务,这个时候你的紫星石应该不少了吧,做做传功,做做游历和诛仙任务,很容易就44了,到44以后建议不要刷传功,因为44级可以接到很多人梦想的马牌任务,所以建议44以后接凶鸦和嗜血妖僧的白任务刷,这样刷到马牌的概率大,而且冲级也快.
到了45级就去河阳自己的门派使者那里接转职任务吧(顺便鄙视一下完美,鬼王的转职要杀500个比自己级别高的蜘蛛,而且是在换装备之前杀,太变态了,偶当时杀了一个下午啊)
做完转职就该去流波混了,升级没其他法门,还是组起效率队,队伍效率才是升级的王道.
45到49:到了流波以后我几乎就放弃了做诛仙任务和游历任务了,这个级别段就不停的刷门口的蜘蛛(毒蜘蛛和5花蛛),组好队伍接好任务,就开始冲级吧.
49到53:这个级别主要刷螃蟹(铁背蟹和横行蟹),怪也在门口,螃蟹和蜘蛛都在门口,离村子里好近的,所以这段时间冲级显得很轻松.
53到57:这个级别主要刷海女和流波海贼.这里的任务在地图上看起来好象离村子比较远,其实并不远的,因为渡口那里有个传送,那里传送过去很快就到鱼澄溪和流波水塞之间那块沙滩就是这两种怪的最近点,我一般都组队伍去那里刷,因为近嘛,所以刷任务快些的.
57到60:这个级别段比较难升,任务比较难接,而且是血蜘蛛,流波海盗和远古犀甲人这三种怪的任务,最变态的就是血蜘蛛了，技能多多,还是主动攻击的,可怜我的小青云,云天帅帅在那里挂了N次咯(网络卡,米办法).所以我一般都接海盗和犀甲人的任务去那里刷,能不接血蜘蛛的就尽量不接(偶怕怕).要想尽快结束这段非人的生涯,紫星刷传功是必不可少的,不过那是有钱人的玩法,仅贡参考哈.
到了60去死亡沼泽,升级又开始变容易了.
60到65:以前一直是接耕地任务,接了任务跑到任务地点,然后回来交,一分钟可以做两次,升级很快的,不过现在更新了之后,貌似耕地任务每以前那么好接了,以前60级到75级,有这个任务都是必接的.现在不好接到耕地任务了,就只要刷门口的死泽孤魂和死泽巨鳄好了,怪点里城近,升级刷任务都很容易,还有暗月石(60级以后的传功任务必须)拿.
65到68:这个级别刷的是蚂蚁(蜢毒蚁和腐尸蚁),怪在长生堂废墟处,接好任务组好队就开始刷吧,跟前面升级也没什么两样.
68到72:主要刷死泽铁鳄和毒血飞芒,怪在毒蚁巢处,65到68刷的怪都离村子不算远,练起来也算比较容易吧,只是升级需要的经验多了,花的时间当然也要多些,但是这个是一种必然,没办法解决的.68级以后打怪好耗药,因为怪的攻击太高了,但是打出来的东西也很值钱,比如75的配方,一个就可以卖 10来金,再比如75的材料,那也是高价啊,所以在这里是不会穷的,放心大胆的喝药冲级吧.
72到75:到了72,你也是个高手了,也不用我多说什么,就接死泽野鬼和死泽鱼人的任务刷,怪在内泽那里,离城里也不算远,但是这个时候升级需要的经验实在是太多了,需要的时间也太多了,不过好在前面应该刷到了不少暗月石,刷传功应该可以帮助你升一级,如果你有钱,也可以收暗月石刷,如果没钱,那就只好和时间赛跑,和队伍效率赛跑了
以上这么多，总结成一句话就是,效率队伍刷同等级怪的任务是升级的王道(如果你是有钱人，可以不停刷传功,那你可以是例外,但是刷紫星也要效率队伍才划算,效率的队伍始终是冲级的必须).
打了5600多字哇,大家看完一定要顶哦.
为了使每一个汉字有一个全国统一的代码，1980年，我国颁布了第一个汉字编码的国家标准：GB2312-80《信息交换用汉字编码字符集》基本集，这个 字符集是我国中文信息处理技术的发展基础，也是目前国内所有汉字系统的统一标准。到了后来又公布了国家标准GB18030-2000《信息交换用汉字编码 字符集基本集的扩充》，简称GB18030。由于国标码是四位十六进制，为了便于交流，大家常用的是四位十进制的区位码。所有的国标汉字与符号组成一个 94×94的矩阵。在此方阵中,每一行称为一个”区”,每一列称为一个”位”,因此,这个方阵实际上组成了一个有94个区(区号分别为0 1到94)、每个区内有94个位(位号分别为01到94)的汉字字符集。一个汉字所在的区号和位号简单地组合在一起就构成了该汉字的”区位码”。在汉字的 区位码中，高两位为区号，低两位为位号。在区位码中，01-09区为682个特殊字符，16-87区为汉字区，包含6763个汉字 。其中16-55区为一级汉字(3755个最常用的汉字，按拼音字母的次序排列)，56-87区为二级汉字(3008个汉字，按部首次序排列)。
从汉字到区位码的转换。区位码是与汉字一一对应的编码，用四位数字表示， 前两位从01 到94称区码，后两位从01到94称位码。 一个汉字的前一半为“160＋区码”的字符，后一半为“160＋ 位码”的字符。例如：“刘”的区位码是 3385，其意为区码33位码85，它是由160＋33=193和160＋85=245的两个字节组成。即 0xC1F5，它就是汉字的 gb2312 编码。
PHP简单实现
function IsChinese($str)
{
$t = iconv(”utf-8″,”gb2312″,$str);
$len = mb_strlen($t,”gb2312″);
for($i=0;$i<$len;$i++){
$a = mb_substr($t,$i,1,”gb2312″);
$h1 = ord($a{0});
$h2 = ord($a{1});
if($h1>=176&&$h1<=247&&$h2>=161&&$h2<=254){
continue;
}else{
return false;
}
}
return true;
}
说明：
参数：$str utf-8字符串
返回：true or false
==== 15天学会jQuery ====
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 11) — 使用不苛刻的javascript代码实现多文件上传</div></html>
好几个月以前，当我在追逐互联网上AJAX热潮的时候，我在 [[http://www.fiftyfoureleven.com/resources/programming/javascript|FiftyFourEleven网站]]上发现了一篇使用创新的javascript代码实现当时正在困扰我的“ [[http://the-stickman.com/web-development/javascript/upload-multiple-files-with-a-single-file-element/|单文件元素实现多文件上传]]”的文章。
所以当我想写作《15天漫游jQuery》的时候，我第一个想到的就是用jQuery实现这个功能。
**__接触易用性狂热爱好者__**
几天前当我检查网站记录的时候，发现了一条遗漏的文章trackback。跟过去看的时候我发现我的两篇jQuery文章被作者引用来证明他为什么讨厌javascript。
根据这个人的说法，任何工具或技术如果没有将易用性放在第一位都将成为垃圾。
尽管我很不同意这位仁兄一杆子打死的态度，但他还是让我对这篇详细教程有所留意。当我在编写一个简单网页效果的时候，我会尽量小心谨慎的处理。这样如果网站访客们决定关闭javascript代码执行功能的时候，他们仍然可以正常使用网站的功能。
**__关于第一价值的两个教程__**
* 使用一个文件输入元素实现多文件上传，并让整个交互过程流畅舒适。
* 让多文件上传更加人性化，但要避免以牺牲可用性为代价。关键在于使用不苛刻的javascript代码制作多文件输入区域。
**__演示__**
* 只有一个文件输入元素，但添加了jQuery和其他代码实现较为亲近用户的多文件上传功能。
[[http://15daysofjquery.com/examples/multiFile/demo1.php|演示一地址]]
* 在页面(x)html代码中使用了多个文件输入元素，但通过jQuery调整为与第一个演示类似的显示页面效果。优点是代码是不苛刻的。。。即使关闭了javascript执行，用户也能上传多个文件。
[[http://15daysofjquery.com/examples/multiFile/demo2.php|演示二地址]]
**__解释__**
**单文件输入框**
jQuery的$(document).ready() 函数的工作有两个：
在文档下载量最大的时候创建一个div元素。
查找文件上传框（假设这里只有一个），然后给它附上一个onChange事件。
<code java>
$(”input[@type=file]”).change(function(){
doIt(this, fileMax);
});
</code>
doit()函数（简单又好记，呵呵~）检查是否达到了最大文件数量限制，如果不是，它会隐藏当前文件输入框，在父div里添加一个新的文件输入框，将输入框内的文件名使用id “files_list”作为标记，在最后添加一个“删除”按钮。
在DOM树中导航，我使用jQuery的parent()函数，然后用remove()函数移除元素。我还使用了append()和prepend()函数分别添加文件名和新的输入框。
两个关键点
- 最大文件上传数量设定：
<code java>
var fileMax = 3;
</code>
- 输入框必须有适当的定位措施：
<code java>
<input type=”file” class=”upload” name=”fileX[]”/>
</code>
这样弄以后输入框可疑由访问者决定添加还是删除，没有任何关于id或名称的操作。当这个窗体代码发送给服务器端脚本的时候，相关信息就已经被存放在了一个数组中了。
**__多文件输入框__**
首先，文件允许上传的数量由页面中的文件输入框的数量决定。其次，你仍然需要通过某种方法为每个输入框接收到的内容用一个数组存放。
<code java>
<input type=”file” class=”upload” name=”fileX[]”/>
</code>
第二个演示跟前面的比起来最大的不同在于，我遍历了每个文件输入框并在其内容有改动时执行doit()函数。通过遍历每一个输入框，我可以为我的代码添加有用的额外信息：输入框内容在“堆栈”中的顺序。
换句话说，当这段代码执行时，它会特别指定第一个输入框，或者第二个，抑或第三个。
代码见下：
<code java>
$(”input[@type=file]:nthoftype(”+
n+”)”)
</code>
jQuery的灵活性允许我们使用CSS和XPath描述语句定位指定的元素位置。
你会发现当一个文件被选中时，文件输入框都会被文件名称覆盖。点击文件名就可以选择其他不同的文件。
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 12) — jQuery Lightbox （插件）</div></html>
Cody Lindley 移植的第一版“ [[http://codylindley.com/Javascript/257/thickbox-one-box-to-rule-them-all|Thickbox]]”让我第一次感受到了jQuery的魅力。后来他又做了一些 [[http://codylindley.com/Javascript/257/thickbox-one-box-to-rule-them-all|代码升级]]以修复若干跨浏览器的兼容性问题。
**__一些需要注意的地方__**
$(document).ready 取代了TB_init() 函数，作用是在每个包含对象名“thickbox”的链接上附加一个onClick事件。
<code java>
function TB_init(){
$(”a.thickbox”).click(function(){
var t = this.title || this.innerHTML || this.href;
TB_show(t,this.href);
this.blur();
return false;
});
</code>
当这些链接被点击时，TB_show()函数就将执行。
<code java>
$(”body”)
.append(”<div id=’TB_overlay’></div><div id=’TB_window’></div>”);
$(”#TB_overlay”).click(TB_remove);
$(window).resize(TB_position);
$(window).scroll(TB_position);
$(”#TB_overlay”).show();
$(”body”).append(”<div id=’TB_load’><div id=’TB_loadContent’><img
src=’images/circle_animation.gif’ /></div></div>”);
</code>
如你所见，在文档body元素前添加了两个div元素。换句话说，这两个div元素将被添加在页面html代码的body关闭元素前。
覆盖的div将使用一个特定的包含不透明外表的CSS文件指定表现。TB_window的代码用来通过AHAH在页面中放置一张图片或者加入另一个页面。$(window).resize 和$(window).scroll 告诉jQuery在用户重新调整窗口大小或者拖动页面翻页的时候执行TB_position函数。这是保证Thickbox始终保持在窗口中心部位的手段。
接下来，Cody查询url的后缀。
<code java>
var urlString = /.jpg|.jpeg|.png|.gif|.html|.htm|.php|.cfm|.asp|.aspx|.jsp|.jst|.rb|.txt/g;
var urlType = url.match(urlString);
if(urlType == ‘.jpg’ || urlType == ‘.jpeg’ || urlType == ‘.png’ || urlType == ‘.gif’){//code to show images
</code>
如果这是一个图片文件，则jQuery的append函数会添加html代码到适当位置。
<code java>
$(”#TB_window”).append(”<a href=” id=’TB_ImageOff’ title=’Close’><img
id=’TB_Image’ src=’”+url+”‘ width=’”+imageWidth+”‘ height=’”+imageHeight+”‘
alt=’”+caption+”‘/></a>”
+ “<div id=’TB_caption’>”+caption+”</div><div
id=’TB_closeWindow’><a href=’#’ id=’TB_closeWindowButton’>close</a></div>”);
$(”#TB_closeWindowButton”).click(TB_remove);
</code>
另外，远程文件将使用jQuery的load()函数导入。
<code java>
$(”#TB_ajaxContent”).load(url, function(){
</code>
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 13) — jQuery 表格</div></html>
一位叫Klaus的朋友编写了一个小插件， 用jQuery实现可用性极佳的[[http://stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/|javascript表格]]。
设置好正确的(x)HTML 和CSS后，你可以像下面那样创建表格：
$.tabs(”container”); // first tab on by default
如果你像在默认位置“上方”再添加一个表格：
$.tabs(”container”, 2); // second tab on
Klaus这里 [[http://stilbuero.de/demo/jquery/tabs.html|示例]]，你可以看看最终效果。
**__我的改版__**
我稍微修改了Klaus的代码，[[http://15daysofjquery.com/examples/jqueryTabs/|添加了一个简单的表单用来生成表格的表头]]。
**__用法：__**
非常简单。只需要输入每个表格的表头（最多5个），然后点击表单下方的按钮。下一个页面将生成结果HTML代码，你可以复制然后粘贴到文件中。
你还需要 下载Klaus网站的[[http://stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/|CSS文件]]，做些你自己的修改，当然还要上传jQuery框架库到你的服务器上。
[[http://15daysofjquery.com/examples/jqueryTabs/|这里]]是表格生成器的地址。
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 14) — Javascript 工具提示</div></html>
Cody Lindley ，Thickbox的作者，日前发布了 [[http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip|jTip - jQuery]] 工具提示。
我对其中很多[[http://www.codylindley.com/blogstuff/js/jtip/|想法和思路]]拍案叫绝。我知道你已经看过很多类似的工具提示代码了。但是，Cody 的方法已经在我的工作中显露出了闪光点。
当我检查HTML代码时，我发现了一个大问题，可访问性。链接在javascript关闭的时候无法工作。我并不是倾向于一定要实现全面的可访问性，只是在这里我认为可以有其他更具亲和力的方式实现相同的功能。
尤其是，我个人不喜欢那种为了可访问性而去牺牲可用性来实现在提示框上链接另一个页面链接的方法。我喜欢这个提示框 - 不是对Cody不尊重，只是在我这里我“需要”它能够在各种情况下工作。
今天我要提供给大家的是Cody的工具提示代码的小小修改。如果你不是Cody工具提示的爱好者的话，我的改版对你来说也许不是很在意。但如果你喜欢他的作品同时希望它可以在javascript关闭的时候照常工作，这个也许是你需要的。
**__我的改动__**
让我产生修改想法的，是他的代码在Yahoo上的应用。我不喜欢他使用的代码：
<code java>
<a href=”yahoo.htm?width=175&;link=http://www.yahoo.com”
name=”Before You Click…”
id=”yahooCopy”
class=”jTip”>Go To Yahoo</a>
</code>
所以我重写了他的部分代码，成了现在这个样子：
<code java>
<a href=”http://www.yahoo.com”
rel=”yahoo.htm?width=175&link=yahoo&name=Before%20
%20You%20Click…”
id=”yahooCopy”
class=”jTip”>
Go To Yahoo</a>
</code>
[[http://15daysofjquery.com/examples/jqueryTooltips/demo2.php|我的示例]]
**__改进：HTML标准校验__**
我的代码可以通过w3.org的测试
**__改进：命名__**
在我修改Cody的代码的时候我发现他使用了一个用来存储链接名称的叫做“title”的变量名，这会导致一些混淆。
我标出了这个命名问题，即使我认为这不过是个小小的失误。
**__改进：可用性__**
使用我的代码，你可以让每个提示框都含有真实链接地址到另一个文档，不管内部的还是外部的。或者你只是想要那个提示框，不想关心可用性，你同样可以让链接部分留空。
选择权在你。
**__感谢__**
Cody提供了伟大的代码，帮助我节省了大量的时间和精力。我的修改只是对原有代码的轻微“调整”，希望朋友们喜欢。
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 15) — 拖拽效果和选择器</div></html>
==== 15天学会jQuery (6-10) ====
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 6) — 更安全的Contact Forms，不带CAPTCHA</div></html>
这次的教程内容贴近我擅长的技术方向：安全的contact forms。
就像我在前一篇教程中提到的那样，一个最普通的contact forms可以帮助访客同你进行通信来往而不需要暴露你的电子邮件地址给那些可恶的垃圾邮件制造者们。
但如果spammer们已经盯上你，没有什么比一个不安全的contact foms更糟糕的了。想象一下你的网络空间提供商发给你一封措辞强烈的电子邮件，通知说：他们发现你的网站发送了大批量的性药广告以及其他垃圾邮件，另外，直到你停止这种行为之前，你的网站都将处于离线状态–谢谢！
那么，今天我要在这篇教程里告诉大家的是一种在任何contact forms上添加一个额外安全层的简单方法－即使你没有使用我提供的超级安全、超级灵活的Ultimate Form Mail。
**__当前状况__**
你意识到spammer们已经通过远程探测技术发现了你的contact forms的弱点，而你希望他们走开。
**__难点__**
你不想使用CAPTCHA（Completely Automated Public Turing Test to Tell Computers and Humans Apart），因为你明白，让你的访客先去阅读那些歪七扭八的字母数字才能发送消息只能抑制他们想要互动的欲望，而不是促进它。(数字验证的缺陷)
{{jquery中文指导:captcha.png|}}
关键点：你希望那些坏家伙们堵车到天黑，同时希望那些好孩子们一条大道通罗马。
**__解决方案__**
你将学会在页面加载的时候使用jQuery来给你的contact forms添加一些隐藏的标签信息。当窗体信息被提交到服务器端的时候，你可以用一些简单的php代码实现如下的步骤：
隐藏的标签被识别出来
隐藏标签的信息与你的网站访客下载到浏览器上的cookie里的某项标志相一致
隐藏标签的有效时间还未过期
换句话说，你的访客们只有在一段有限的时间内才可以填写窗体并进行发送。如果一个spammer尝试通过远程调用来提交窗体信息到你的服务器，他们将会发现自己踢到了一块又厚又硬的铁板，不付出点代价休想通过。
我将要告诉你的这种方法是从一位非常聪明的同事Chris Shiflett提供的蓝本基础上修改而成的。他是位专业的安全专家，对php程序员经常遇到的安全问题了如指掌（我怎么感觉他又要忍不住提到他的Ultimate Form Mail 了~~汗）。
**__教程__**
基于上次那篇《斑马线表格轻松制作》的反响良好，我决定再次制作一次类似的“手把手图文教程”。虽然要花费些时间，但很值得这么做。
[[http://15daysofjquery.com/examples/contact-forms/|手把手教程]]
[[http://15daysofjquery.com/examples/contact-forms/code/demo.php|DEMO]]
[[http://15daysofjquery.com/examples/contact-forms/code/|源代码]]
**__银弹？__**((解决一切问题的方法))
<code java>银弹是软件领域的说法,意为解决一切问题的方法。这个来源于欧洲的传说,说是只有银弹可以消灭狼人。</code>
“那么，现在我的窗体就是100%安全的，可以假设任何免费的cntact forms程序，然后高枕无忧了？”
呃。。。非也。
这种安全模式基于一个关键的假定：**Spammer们总是会拿软柿子捏，浪费时间去解决一个狡猾的对手对他们来说就是浪费金钱。**
现在， 好好听着，我的朋友们：
这个技术，尽管相当健壮，但仍然不是解决目前脆弱的窗体处理程序问题的灵丹妙药。
我的这些安全建议的目的是为了让spammer们知难而退。小偷们入室盗窃之前总会进行仔细踩点，他们只对那些可以用最小代价获取最大利益的房间感兴趣。
换句话说，如果在他们动手之前有99%的机会挡住他们的试探，而且实现起来相当容易，为什么不试一试呢？这才是此项技术要实现的目标。
但这还是治标不治本，不能解决所有问题。
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 7) — 样式表切换</div></html>
我第一次看到样式表切换器是在[[http://alistapart.com/|A List Apart]]或者[[http://www.simplebits.com/|Simple Bits]]，那是两个设计师最应该去的网站。
从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。
我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代码的简介，同时也要揭示jQuery库中的若干高级特性。
**__首先，代码__**
<code java>
$(document).ready(function()
{
$(’.styleswitch’).click(function()
{
switchStylestyle(this.getAttribute(”rel”));
return false;
});
var c = readCookie(’style’);
if (c) switchStylestyle(c);
});
function switchStylestyle(styleName)
{
$(’link[@rel*=style]’).each(function(i)
{
this.disabled = true;
if (this.getAttribute(’title’) == styleName) this.disabled = false;
});
createCookie(’style’, styleName, 365);
}
$(document).ready(function()
{
$(‘.styleswitch’).click(function()
{
switchStylestyle(this.getAttribute(”rel”));
return false;
});
var c = readCookie(’style’);
if (c) switchStylestyle(c);
});
function switchStylestyle(styleName)
{
$(‘link[@rel*=style]’).each(function(i)
{
this.disabled = true;
if (this.getAttribute(‘title’) == styleName) this.disabled = false;
});
createCookie(’style’, styleName, 365);
}
</code>
其他这里没有提到的部分是你将在后面看到的创建和读取cookie的函数。
**__熟悉的开篇__**
<code java>
$(document).ready(function()
{
$(’.styleswitch’).click(function()
</code>
告诉jQuery“以最快的速度查找所有包含对象名‘styleswitch’的元素，并在他们被鼠标点击时执行一个函数”。
看起来不错。当鼠标点击预先指定的元素时，switchStylestyle函数将被调用。从现在开始是重点。
这句话什么意思？
第一次看到这句代码的时候我的脑子有些卡壳：
$(’link[@rel*=style]’).each(function(i)
{
在互联网上搜索了一下后我空手而归。最后不得不找到了jQuery的作者John Resig，向他咨询。
他直接给了我一个[[http://jquery.com/docs/CSS/|jQuery网站的页面]]地址，里面讲解了若干jQuery提供的[[http://jquery.com/docs/XPath/|高级特性(xpath)]]，可以用来查找并操作页面中的若干元素。
如果你看过这些东西你就能明白上面那句神秘的代码的含义是告诉jQuery“查找所有带rel属性并且属性值字符串中包含‘style’的link链接元素”。
嗯？
让我们看看如何编写包含一个主样式表，两个备用样式表的页面：
<code java>
<link rel=”stylesheet” type=”text/css” href=”styles1.css” title=”styles1″ media=”screen” />
<link rel=”alternate stylesheet” type=”text/css” href=”styles2.css” title=”styles2″ media=”screen” />
<link rel=”alternate stylesheet” type=”text/css” href=”styles3.css” title=”styles3″ media=”screen” />
</code>
我们可以看到所有样式表都含有一个包含‘style’字串的rel属性。
所以结果一目了然，jQuery轻松定位了页面中的样式表链接。
**__下一步？__**
each()函数将遍历所有这些样式表链接，并执行下一行中的代码：
<code java>
this.disabled = true;
if (this.getAttribute(’title’) == styleName) this.disabled = false;
</code>
“首先禁用所有的样式表链接，然后开启任何title属性值与switchStylestyle函数传递过来的字串相同的样式表”
一把抓啊，不过很有效。
现在我们需要保证的是那些样式表存在并且有效。
**__完整代码和演示__**
既然 Kelvin Luck已经编写了这些代码，我就不在这里重复了。
[[http://www.kelvinluck.com/assets/jquery/styleswitch/|DEMO]]
我相信Kelvin的灵感是从 这个网站那里得到的，我们正好可以看看使用其他工具实现这个功能是否要比jQuery更加复杂冗长。
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 
— 使用Javascript（jQuery）实现圆角边框</div></html>
当我看到这些实现圆角边框的HTML源代码的时候，我发现这很适合用来写一篇jQuery教程–使用wrap()、prepend()、append() 函数。
这里是原先的HTML代码，我们将从这里开始：
<code java>
<div class=”dialog”>
<div class=”hd”>
<div class=”c”></div>
</div>
<div class=”bd”>
<div class=”c”>
<div class=”s”>
<main
content goes here >
</div>
</div>
</div>
<div class=”ft”>
<div class=”c”></div>
</div>
</div>
</code>
现在我们怎么使用jQuery来精简这段代码呢？
首先，我们需要一个“钩子”，一个特殊的HTML元素，或者一个id，或者一个对象名–来告诉jQuery处理的目标。
现在我们改成了这个样子：
<div class=”roundbox”>
<main
content goes here >
</div>
下一步，我们使用jQuery来将剩下的代码添加进去：
<code java>
$(document).ready(function(){ $(”div.roundbox”) .wrap(’<div
class=”dialog”>’+
‘<div class=”bd”>’+
‘<div class=”c”>’+
‘<div class=”s”>’+
‘</div>’+
‘</div>’+
‘</div>’+
‘</div>’);
});
</code>
**__其他Div标记去哪里了？__**
仔细观察代码，你就会发现它们都跑到了js代码里面，在wrap函数执行时它们将嵌套在“钩子Div”的内部。
细心的观众会发现我漏掉了部分代码。这是因为jQuery中的wrap()函数要求div标签必须严格对称嵌套才能工作。
具体的，我去掉了下面两个部分：
<code java>
<div class=”hd”><div class=”c”></div></div>
<div class=”ft”><div class=”c”></div></div>
</code>
**__添加和预置一体化__**
下一步我们将会通过prepend和append函数将这两段代码添加进带有dialog对象名的div标记内部，并且使用“连锁”方法。
<code java>
$(’div.dialog’).prepend(’<div class=”hd”>’+
‘<div class=”c”></div>’+
‘</div>’)
.append(’<div class=”ft”>’+
‘<div class=”c”></div>’+
‘</div>’);
</code>
**__示例及代码__**
我已经在网上放置了一个[[http://15daysofjquery.com/examples/rounded/demo.php|演示页面]]供大家查看。建议你看一下页面的源代码，体会jQuery给页面代码带来的清爽和便捷。
这些代码来自 [[http://www.schillmania.com/content/entries/2006/04/more-rounded-corners/|Schillmania的一篇文章]]，个人推荐大家下载包含点缀图片的zip打包，非常精美。
**__不使用图片的圆角边框__**
有很多方法可以实现圆角边框–有些方法甚至不需要图片。
在jQuery的网站上有一个用来制作[[http://methvin.com/jquery/jq-corner-demo.html|无图圆角边框的插件]]。虽然不是适合所有人（或者说所有程序），但也值得学习。
看看它的漂亮代码吧（使用时）：
<code java>
$(document).bind(”load”, function(){
$(”#box1″).corner()
});
</code>
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day ９) — 快速和略显粗劣的AJAX视频教程</div></html>
今天我的想法有点改变。近段时间以来我一直考虑注册一个YouTube帐号来上传一些教程录像，现在我终于做出了决定并上传了一个。在这里我将手把手的向大家演示为你的网站添加一些AJAX基本应用的方法。
录像很短，因为YouTube对上传影片的长度有限制（10分钟以内）。当然由于制作仓促，错误在所难免。比如在某个地方我称CGI为“服务器端脚本”，而更准确的说法应该是“服务器端语言”。
这是AJAX，还是AHAH，抑或AXAH？
你将看到的东西其实更接近AHAH而不是纯粹的AJAX。
有什么区别么？AJAX中的“X”代表着XML。但更多时候人们喜欢使用简单的文本或者javascript代码或者单独文件而不是那种复杂冗长的XML。对此有篇文章有详细论述：[[http://microformats.org/?p=67|AJAX vs. AHAH]]。
至于AXAH。。。 Cody Lindley的[[http://codylindley.com/Javascript/237/axah-asynchronous-xhtml-and-http-crawl-before-you-ajax|文章]]可以解释一切。对AJAX的一些工作理念有兴趣的读者可以看一下。
**__[[http://www.youtube.com/v/XdUFjAvOPU0|教程录像]]__**
这个[[http://jquery.com/demo/ajax/|页面]]上有我提供的演示。
—-
<html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 10) — 使用jQuery Javascript 库实现“即点即改”的AJAX化</div></html>
以前我在[[http://www.quirksmode.org/index.html?/dom/cms.html|Quirksmode网站]]见过这种代码，后来又在[[http://24ways.org/advent/edit-in-place-with-ajax|24 Ways网站]]看到了一个更具Web 2.0风格的方案。这次我将为大家展示两种使用jQuery实现相同功能（甚至更好）的方法。
**__目标__**
一个用AJAX（或AHAH）技术设计的页面，访问者无需离开就可以在看到的(x)HTML
页面上编辑内容。
**__方案__**
点击需要编辑的文本，变幻出一个带有保存和取消按钮的textarea。修改的部分将通过AHAH传送至服务器端的一个PHP脚本文件，用来更新数据库（MySQL或普通文件）。
**__演示__**
[[http://15daysofjquery.com/examples/jqueryEditInPlace/divEdit.php|AJAX式即点即改演示]]一
在这第一个演示中，我使用了一个id为“editinplace”的div元素。当鼠标划过这里时，背景颜色将变成浅黄色。点击文本将启动一些DOM操作，div元素被一个textarea元素取代–内中包含原先的文本。
点击保存按钮将向服务器端的PHP脚本文件发送新的HTML内容，并重新输出收到的新文本内容（通过 $_POST）。
在真实应用环境下，你还应当添加一个安全性检测，然后才能更新数据库并返回更新后的页面内容，同事告知jQuery执行成功的信息。
但在这个例子中，所有的修改都是成功的，发送给PHP脚本的信息将原封不动的返回到jQuery代码，显示到一个普通的警告窗口里。
**__解释__**
开头部分说了很多次了，如果你不想使用jQuery提供的document.ready函数，尽可以选择你自己中意的init()函数。
<code java>
$(document).ready(function(){
setClickable();
});
</code>
页面上第一个被执行的就是这个setClickable()函数。它的任务就是做以下内容：
查找包含id为“editinplace”的div元素，然后告诉jQuery在这些div被点击时执行某些操作。
<code java>
function setClickable() {
$(’#editInPlace’).click(function() {
</code>
读取div内部的HTML代码的任务将交给jQuery的html()函数来完成。这些HTML将会额外添加若干代码以组成textarea里的保存和取消按钮。
<code java>
“var textarea = ‘<div><textarea rows=”10″ cols=”60″>’+$(this).html()+’</textarea>’;
var button = ‘<div><input type=”button” value=”SAVE”
class=”saveButton” /> OR <input type=”button” value=”CANCEL”
class=”cancelButton” /></div></div>’;
var revert = $(this).html();
</code>
同样还是这些在div内部找到的HTML代码将会赋值给一个叫做“revert”的变量。这个变量将用来在取消按钮被按下的事件中输出原始文本。
<code java>
var revert = $(this).html();
</code>
jQuery的DOM函数“after”用来将新生的textarea HTML代码放置在我们指定的div元素后。我在后面紧跟着连锁上了一个remove()方法 来移除div元素以节省代码。
<code java>
$(this).after(textarea+button).remove();
</code>
在使用jQuery的时候，我通过对象名来定位保存和取消按钮对象。我指示jQuery在任一按钮按下时触发最后一个函数“saveChanges”。我告诉了jQuery在div元素被点击时做什么事情，但我没有在最后加上省略号因为我希望在这个div操作语句后面连锁其他方法。
<code java>
$(’.saveButton’).click(function(){saveChanges(this, false);});
$(’.cancelButton’).click(function(){saveChanges(this, revert);});
})
</code>
我再连锁了一个简单的mouseover和mouseout事件，告诉jQuery在鼠标指针掠过我们指定的div元素（id=editInPlace）的时候添加和移除一个对象。
<code java>
.mouseover(function() {
$(this).addClass(”editable”);
})
.mouseout(function() {
$(this).removeClass(”editable”);
});
};//end of function setClickable
</code>
函数“saveChanges”将以按钮对象做为第一个参数，而cancel参数则取两种值，false或者保存在revert变量中的html代码内容。
<code java>
function saveChanges(obj, cancel) {
</code>
如果cancel为假，则函数将保存更改并使用html格式发送给服务器端的php脚本。我在这里使用了jQuery内置的一个DOM函数实现对textarea内容的提取操作：parent()和siblings()。
<code java>
if(!cancel) {
var t = $(obj).parent().siblings(0).val();
</code>
DOM基础超出了本系列教程的范围，但在这个应用中我只是告诉了jQuery“对象（保存按钮）有一个父元素（div）。。。去找到它。那个元素拥有一个或多个DOM树同级对象。。。我只想找到其中的第一个。然后提取那个对象的所有内容。”
（稍等。。。如果你对DOM风格的代码不是很熟悉的话，前面我的注释可能并不好理解。我还是建议你之前google一下“DOM javascript”或者其他相关的信息。）
这些html赋值给了t变量，现在要通过POST方法把它发送给test2.php。
<code java>
$.post(”test2.php”,{
content: t
},function(txt){
alert( txt);
});
}
</code>
如果cancel有一个值，那么必然是保存在revert变量中的原始html内容。所以，在这个时候我希望变量t变为原始html内容。
<code java>
else {
var t = cancel;
}
</code>
下一步是通过jQuery提供的DOM函数放置一个新的div元素，id为“editInPlace”，在这之后包含了textarea元素。。。然后删除掉这个div元素。
<code java>
$(obj).parent().parent().after(’<div id=”editInPlace”>’+t+’</div>’).remove()
</code>
在果壳中，这将告诉jQuery“在DOM树中上跃两次。将HTML代码附在到达位置的对象之后，然后移除那个对象。”
最后，我们再次调用setClickable函数并关闭saveChange()函数。重调setClickable()函数的含义是重新设置onMouseover,onMouseout,和onClick事件到初始状态。
<code java>
setClickable();
}
</code>
**__第二个示例__**
第二个方法非常类似但也有点复杂。
[[http://15daysofjquery.com/examples/jqueryEditInPlace/demo.php|示例二]]
没有用到庞大的单独div元素，这个示例将每个段落p标签变换成单独的可编辑区域。
这里的难度在于你如何在向服务器端脚本发送数据时指定正确的段落p标签。
在这里我通过为每个p标签编号并将这个编号一同发送给服务器端的php脚本的方式解决了问题。你会在alert窗口中看到php脚本是如何“知道”哪个p标签里的内容被修改的。
**__已知的问题__**
现实的应用中，你在使用类似的功能时首先需要验证更改的内容的合法性，然后才能将数据发送到服务器端。显然在这里我们刻意把这些内容忽略掉了。
==== 15天学会jQuery (0-5) ====
* <html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 0)—JQuery - What, Why, When, Where, Who</div></html>
**__what__**
jQuery是一个了不起的javascript库，它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站的方面说，这使得javascript更加有趣。
如果你这样想：“孩子，我需要另外一个javascript库，就好比我I need another hole in my head”那么加入这个俱乐部吧。这正是我第一次遇到的时候所想的。
我已经用过了Moo.fx, Scriptaculous, TW-SACK, 和 Prototype. 我曾参与了RICO, Yahoo YUI和其他一些库的开发。
没有了PHPjavascript和我一点也不亲近了。但是我还是尽全力保持头脑清醒，并尽量保持用AJAX去思考。
所以当我遇到jQuery的时候我想:”还需要另外一个javascript库吗?不了,谢谢…”
**__why__**
为什么我改变我我对jQuery的看法，以及为什么你要考虑去使用它?
很简单,只要你看一眼过使用jQuery的页面你就会发现它是如此的简单易用.只用很少的几行,就能表现出很优雅的效果.
有一天当我突然看到一些用jQuery写的代码时我一下子豁然开朗了. 早茶的过程中,我例行公务的去翻阅我的订阅,去看每日必看的设计博客的时候我看到了一个用jQuery写的javascript的例子.事实证明,这些代码还是有些和浏览器关联的bug,不过这些概念还是我以前从来没有见过的.
还有那些代码…
代码看起来很简单看起来不像我以前见过的.但也不无道理.
我开始通读文档,并且惊奇的发现用一点点代码竟然能做这么多事情.
**__when__**
你应当在你需要的时候使用jQuery.
给你一个小型的库文件
DOM强大的控制能力
不费吹灰之力的工作,和少许的努力.
或者
快速的通过AJAX
没有大量无用的代码
和一些基本的动画效果
但是
如果你需要超级花式效果,动画,拖放,和超级平稳动画,那么你可能想使用Prototype.他是一个有大量动画效果的类库.
**__where__**
你可以jQuery的官方网站下载到他的源代码(10K).
**__who__**
jQuery was created by [[http://ejohn.org/|John Resig]].
—-
* <html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 1)—比window.onload更快一些的载入</div></html>
window.onload()是传统javascript里一个能吃苦耐劳的家伙。它长久以来一直被程序员们作为尽快解决客户端页面载入问题的捷径。
但有时候等待页面载入还是不够快。
只有少数大型的图片文件会被快速的载入，而大部分大型的图片文件会使window.onload()载入的很慢。所以当我为最近的网络营销创建一个web应用程序的时候我不得希望更快一点。有一些围绕window.onload()的新研究(比如brother cake)的代码是一种快速的方式。如果你需要，可以试试。
但是如果你要做一些DOM(文档对象模型)javascript的编程，那么你为什么不试试jQuery，它就像你自己亲自制作一个蛋糕，并品尝它。（双关Brother Cake，俏皮话）。
jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数，那就是ready… 他在页面加载完成之前执行。
<code java>
$(document).ready(function(){
// Your code here…
});
</code>
你可以用他来载入任何你想要载入的javascript，并不一定要保留jQuery的编码风格。让jQuery同时去执行多个函数也是可以的。
你以前可能见过类似于init()之类的函数，你会发现jQuery会快很多。
在以后的教程里我们会一遍又一遍的用到这个函数。
OK你现在可以尝试一下代码：(记得把jQuery引用进你的页面哦，不记得的话看看上篇。)
<code java>
$(document).ready(function(){
alert(”Congratluations!”);
});
</code>
很Easy，不是吗？ 用几分钟时间做的双色表格。
—-
* <html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 2)—很容易的制作双色表格
</div></html>
这节本身没有太多的价值，重点在它提供的这个例子上。我将代码帖出来然后对重点部分注释一下：我们先来看看Thewatchmakerproject传统的做法：预览地址(你可以查看一下源代码)。再来看看jQuery是如何用5行代码来搞定的:
<code java>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>StripingTable</title>
<script src=”jquery-latest.pack.js” type=”text/javascript”></script>
<!–将jQuery引用进来–>
<script type=”text/javascript”>
$(document).ready(function(){ //这个就是传说的ready
$(”.stripe tr”).mouseover(function(){
//如果鼠标移到class为stripe的表格的tr上时，执行函数
$(this).addClass(”over”);}).mouseout(function(){
//给这行添加class值为over，并且当鼠标一出该行时执行函数
$(this).removeClass(”over”);}) //移除该行的class
$(”.stripe tr:even”).addClass(”alt”);
//给class为stripe的表格的偶数行添加class值为alt
});
</script>
<style>
th {
background:#0066FF;
color:#FFFFFF;
line-height:20px;
height:30px;
}
td {
padding:6px 11px;
border-bottom:1px solid #95bce2;
vertical-align:top;
text-align:center;
}
td * {
padding:6px 11px;
}
tr.alt td {
background:#ecf6fc; /*这行将给所有的tr加上背景色*/
}
tr.over td {
background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/
}
</style>
</head>
<body>
<table class=”stripe” width=”50%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<!–用class=”stripe”来标识需要使用该效果的表格–>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>QQ</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>邓国梁</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
<tr>
<td>邓国梁</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
<tr>
<td>邓国梁</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
<tr>
<td>邓国梁</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
<tr>
<td>邓国梁</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
<tr>
<td>邓国梁</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
</tbody>
</table>
<p>PS: 飘飘说我的table没有<thead>,我知错了…</p>
</body>
</html>
</code>
[[http://rlog.cn/lab/StripingTable/|预览地址]]
这里有一个jQuery的技巧不得不提一下：jQuery的链式操作，什么是链式操作呢？ 我们来看看，本来应该写成这样子的：
<code java>
$(”.stripe tr”).mouseover(function(){
$(this).addClass(”over”);})
$(”.stripe tr”).mouseout(function(){
$(this).removeClass(”over”); })
</code>
但是我们写成了：
<code java>
$(”.stripe tr”).mouseover(function(){
$(this).addClass(”over”);}).mouseout(function(){
$(this).removeClass(”over”);})
</code>
因为鼠标移入移除都是发生在同一个对象上的，所以我们可以将发生在同一个对象上的动作连起来写，这样子如果有很多对象并且在他们身上发生了很多动作那么就会节省很多代码。（我暂时是这样理解的，也不知道对不对希望高手能够斧正。）
—-
* <html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 3)—巧妙的伪装链接</div></html>
今天的教程是草草完成的.我想把一些东西放在这15天的前面简单的讲讲,这样以来就可以使一些js新手不至于被一堆代码搞的晕头转向.事实上我是在即将结尾的时候才做出的这个决定.
**__目标__**
我们要使用jQuery去创建一小段代码,这段代码会把一个页面所有的超链接转换并且伪装起来.
**__为什么?__**
一些下属经销商认为，一部分用户有足够的悟性发现会员链接，并能尽量避免通过点击URL链接直接进入浏览器，从而“欺骗”下属经销商脱离代理（假设购买行为已经发生）
**__”老”办法__**
有很多下属经销商千方百计的掩饰他们的链接,避免人们通过链接找到他们.这些伎俩涉及到.htaccess和服务器端的代码.
但对于本教程,我会将重点放到”老学校”的javascript上:
<code java>
<a onMouseOver=’window.status=”http://www.merchant-url-here.com”;
return true;’ onMouseOut=’window.status=”Done”; return true;’
href=”http://www.affiliate-url-here.com”
target=”_blank”>Link Text Here</a>
</code>
这段代码被用来在浏览器状态栏显示用户鼠标指向的链接地址.比如实际链接是www.website.com?aff=123,则可以在状态栏显示www.website.com.
**__问题__**
你是一个很活跃的下级经销商,你可能会以疯狂的速度给很多个页面添加链接.并且还要给每个链接添加这种效果那么你肯定会厌倦的.加入有一天你要修改任务栏里显示的链接的时候估计你会疯掉的.
**__jQuery的解决办法__**
首先,我们想让javascript尽快的掩饰我们的链接所以我们应该先从这里开始:
<code java>
<script src=”jquery.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
//code goes here
});
</script>
</code>
当DOM准备好的时候我们放在ready里的代码就开始执行了.
接下来
要给所有我们想伪装的链接添加一个class,class有助于jQuery帮我们找到需要伪装的链接而撇开其它不需要伪装的链接.title有两个作用:当鼠标划过链接的时候会有一个小小的盒状提示显示URL:www.affsite.com并且同样的信息会显示在浏览器的状态栏(IE Only).
<code java>
<p><a href=”http://www.affsite.com?id=123″ title=”http://www.affsite.com”
class=”affLink”>Super Duper Product</a></p>
</code>
告诉jQuery找到有class=”affLink”的链接
<code java>
$(’a.affLink’)
</code>
添加一个鼠标划过事件
<code java>
$(’a.affLink’).mouseover(function(){window.status=this.title;return true;})
</code>
简单的说:找到class=”affLink”的所有链接,当鼠标划过它们的时候改变浏览器状态栏信息为该链接title的内容.这个在FireFox并不能正常的工作,只是在IE里起作用.在FireFox的状态栏只是显示一个”Done”,或者更准确的说,鼠标划过超链接对状态栏并没有任何影响.我没有更多的浏览器测试.
继续-mouseout
jQuery可以让我们用”链”的方式,像这样:
<code java>
$(’a.affLink’).mouseover(function(){window.status=this.title;return true;})
.mouseout(function(){window.status=’Done’;return true;});
</code>
这点代码告诉jQuery改变浏览器状态栏信息,或者当鼠标不再停留在链接上时返回”Done”.
如果你不适应jQuery的这种链的工作方式,那么你完全可以这样写:
<code java>
$(’a.affLink’).mouseover(function(){window.status=this.title;return true;});
$(’a.affLink’).mouseout(function(){window.status=’Done’;return true;});
</code>
这就看你了.
把这些代码放到一起:
<code java>
<script src=”jquery.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(’a.affLink’).mouseover(function(){window.status=this.title;return true;})
.mouseout(function(){window.status=’Done’;return true;});
});
</script>
</code>
最后的想法
你们当中可能觉得今天的课程太简单了,有些还可能还是有点不太明白,因为你们不是二级经销商.
In “Days” to come you’ll see me tackle issues that get more involved and apply to almost anyone with a website - whether you monetize your traffic or not.
—-
* <html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 4)—安全邮件列表</div></html>
规则提到如何防止垃圾邮件:不要把你的邮件地址放到任何一个mailto:链接中.
在与垃圾邮件恶魔做斗争的过程中我们的网页设计师和程序员总结出了一些有创意的解决办法,让我们快速的看一些这些常见方法的缺点(或多或少有一些).
**__name [at-no-spam] website.com__**
问题:链接式的更方便,而且把邮件地址敲入收件人栏还有可能会出错.
**__联系方式__**
问题:你冒着这么大的风险就是因为有一个垃圾邮件借用你的帐户发送大量的垃圾邮件(除非你使用真正的安全邮件脚本).而这样就扼杀了那些只想给你发个简单邮件的用户.
**__javascript加密__**
问题:你的邮件仍然暴露在光天化日之下,即使你使用了复杂的密码技术给它带上面具.还有谁希望为了发送一封邮件而启用第三方的解密网站,反正我是不会.
**__藏在一种简单的形式后面__**
(有一个例子,但是打不开了.)http://simon.incutio.com/contact/我能想到的没有人…但是让我们看看是否我们能改进观念。
**__可能的解决办法:AJAX__**
我提供的解决方案将比目前设计师们使用的方法有如下优势:
* 易于实施
* 易于修改
* 还有一些小小的花哨的效果
* 不用第三方工具来加密邮件地址
* 没有邮件地址暴露在光天化日之下
最后我想说明一点,我认为电子邮件靠这种闪烁其词的加密手段来躲避垃圾邮件还是非常不明智的.在实践中,我认为电子邮件加密是相对安全的,但是客观事实是,电子邮件还是在html原代码里.
**__概念__**
- 1.用jQuery从服务器上把html文件内容抓下来.
- 2.把包含邮件链接的html文件放到好的容器中是一种简单的保护机制.
**__示例__**
我要示范一些例子来显示邮件链接地址,当访客点击一个按钮或者一个链接的时候,页面就会跳转到对应的那个例子里.
[[http://15daysofjquery.com/examples/mailto/demo1.php|按钮点击–立即显示]]
[[http://15daysofjquery.com/examples/mailto/demo2.php|链接点击–淡出]]
[[http://15daysofjquery.com/examples/mailto/demo3.php|页面载入–淡出]]
[[http://15daysofjquery.com/examples/mailto/demo4.php|页面载入–立即显示]]
(说明:所谓的立即显示,我的意思是说”没有花哨的效果而尽快的显示电子邮件地址”)
**__代码__**
这里发表非商业共创使用许可,如果你希望将代码使用在你的商业产品中时,请联系我.我正在一个新的CMS for web designers中使用它.
**__为什么这种方式比普通的mailto链接安全?__**
真正的问题是垃圾邮件制造者会使用自动化软件从html源文件中寻找电子邮件链接,这种做法和google一样:使用相关链接.
他么就和我们大部分人一样懒惰.所以很难所他们不会拿个本子放在键盘旁边记下你的电子邮件地址.
请查看我提供的示例的源代码,你将不会在html里找到任何的邮件地址.
这几坚实的保证了你绝对不会收到垃圾邮件,只会从朋友或者浏览者那里收到邮件.
但是从页面中移除邮件地址,…………………
**__最后一点说明__**
先仔细看看前面三个例子,你会看到我使用了AJAX回调函数来触发slideDown() 和 show() 效果.
换句话说,我希望AJAX调用收到信息(html)时jQuery才开始slideDown() 效果.把秘密粘贴到我们简单的服务段脚本并且等待服务器返回信息.
**__正确的方法:__**
<code java>
$(document).ready(function(){
$.post(’mailtoInfo.php’,{
pass: “secret”
},function(txt){
$(’div.email’).html(txt);
$(’div.email’).slideDown(”slow”);
});
});
</code>
**__错误的方法:__**
<code java>
$(document).ready(function(){
$.post(’mailtoInfo.php’,{
pass: “secret”
},function(txt){
$(’div.email’).html(txt);
});
$(’div.email’).slideDown(”slow”);
});
</code>
—-
* <html><div style=”font-size:16px;color:red;font-weight:bold;”>15 Days of jQuery(Day 5)—包起来–懒人用Jquery生成的HTML</div></html>
这个让我们轻松的纪念日已经到来–我恨我在计算机前已经花了48个小时，我希望能够有另外一个jQuery来结束我的噩梦，并且让我上网更快。
当我一边“在用Jquery方法编写”和一边“进行复杂的文件上传”，我已经筋疲力尽。然而这两种操作的代码是一种较浅的，它只不过是你才刚刚开始解决的一些简单问题。
所以下来我开始介绍：
尽管我在我的网站用所有的CSS样式表去进行表格设计（也许这要花费两年半的时间或者更多），我已经用了很多我能找到的在这方面的信息。回到2004年5月(古代史)A list a part有一篇[[http://www.alistapart.com/articles/onionskin/|《关于创建阴影的伟大教程(洋葱皮投影)》]]可以应用到任何图片,无论尺寸多大.
那片文章的应经不能再评论了,但还是有些人希望能够再出篇教程.
**__问题__**
一些css工程师用一些”不相干”的标记,就是为了使背景图片能够应用到每一个元素上.例如:
这里是A list a part用到的代码:
<code java>
<div class=”wrap1″>
<div class=”wrap2″>
<div class=”wrap3″>
<img src=”object.gif” alt=”The object casting a shadow” />
</div>
</div>
</div>
</code>
所有这些divs充当一个给图片添加投影效果的”钩子”.这不见得好,我们可以把源代码精简成这样:
<code java>
<img src=”object.gif” class=”dropshadow” alt=”The object casting a shadow” />
</code>
按着这个思路…
**__目标__**
在这里,我要想你展示如何用jQuery轻而易举的将多于的标记从你的源代码中剔除.运用这个方法,让你的代码更加干净(更重要的是)将使以后变换布局容易的多.
**__解__**
这里,看看jQuery是如何击退这个问题的.
<code java>
$(document).ready(function(){
$(”img.dropshadow”)
.wrap(”<div class=’wrap1′><div class=’wrap2′>” +
“<div class=’wrap3′></div></div></div>”);
});
</code>
图片就可以保持这样了:
<code java>
<img src=”object.gif” class=”dropshadow” alt=”The object casting a shadow” />
</code>
**__仔细看看__**
$(document).ready() 是jQuery版的window.onload()
$(”img.dropshadow”) 告诉jQuery找到带有class=”dropshadow”的图片,如果你想用一个id你可以这样: $(”img#dropshadow”)wrap() (wrap() tells jQuery to use the DOM (Document Object Method Model) to wrap the images with the class=”dropshadow” in the html inside the parenthesis. )
**__最后的结果__**
傻乎乎的图片,但是和original Onion Skinned Drop Shadows用的是一样的.
<code java>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Onion Skin DropShadwo with jQuery</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<style>
.wrap0, .wrap1, .wrap2, .wrap3 {
display:inline-table;
/* \*/display:block;/**/
}
.wrap0 {
float:left;
background:url(shadow.gif) right bottom no-repeat;
}
.wrap1 {
background:url(shadow180.gif) no-repeat;
}
.wrap2 {
background:url(corner_bl.gif) -18px 100% no-repeat;
}
.wrap3 {
padding:10px 14px 14px 10px;
background:url(corner_tr.gif) 100% -18px no-repeat;
}
body { background: #fff;}
</style>
<script src=”jquery.js” type=”text/javascript”></script>
<script>
$(document).ready(function(){
$(”img.dropshadow”)
.wrap(”<div class=’wrap0′><div class=’wrap1′><div class=’wrap2′>” +
“<div class=’wrap3′></div></div></div></div>”);
});
</script>
</head>
<body>
<h1>Onion Skinned - With jQuery</h1>
<p>First, the old-school, multiple divs hard coded into the html as seen on the <a href=”http://www.ploughdeep.com/onionskin/360.html”>orignial article</a>:</p>
<div class=”wrap0″>
<div class=”wrap1″>
<div class=”wrap2″>
<div class=”wrap3″>
<img src=”ball.jpg” alt=”The object casting a shadow” />
</div>
</div>
</div>
</div>
<p style=”clear:both;”>And now, the jQuery method, which uses javascript to wrap the image at runtime:</p>
<img src=”ball.jpg” class = “dropshadow” alt=”The object casting a shadow” />
<p>View the source of this page and you’ll see the huge difference in markup!</p>
</body>
</html>
</code>
(这里只是代码,没有图片.要看效果去[[http://15daysofjquery.com/examples/osds/|这里]])
**__jQuery和其它解决方法的比较__**
jQuery的网站上有一个到Ajaxian网站的链接,那里有用另外一个javascrip库创建的Onion Skin Drop Shadow ,我相信他的代码复杂程度和代码量现在看来自不待言.我宁愿使用jQuery.(怎么?你猜到了..)
平心而论,没有一个库是对于每一个工作或每一段代码都是合适的.本教程不是为了证明jQuery是一切javascrip类库中的老大.
试试Prototype, Scriptaculous, YUI, Rico, Behaviour, Moo.fx 和 the dozens 或者其它的.如果你找到了一个你用起来比较顺手的,那就去用它吧.
jQuery对于我来说只是一个工具.我只是希望这个教程能够提供给你更多使用它的方法.
**__有关jQuery的工具__**
jQuery用难以置信的简单来操作DOM. [[http://jquery.com/docs/BaseDOM/|你应该花些时间看看jQuery能用来做什么]],用下append(), prepend(), before(), after(), html(), and remove().
来自jQuery Docs
wrap(String html)
把所有匹配的元素用其他元素的结构化标记包装起来。这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。
这个函数的原理是检查提供的第一个元素（它是由所提供的HTML标记代码动态生成的），并在它的代码结构中找到最上层的祖先元素－－这个祖先元素就是包装元素。
当HTML标记代码中的元素包含文本时无法使用这个函数。因此，如果要添加文本应该在包装完成之后再行添加。
示例:
<code java>
$(”p”).wrap(”<div class=’wrap’></div>”);
</code>
HTML
<code java>
<p>Test Paragraph.</p>
</code>
结果
<code java>
<div class=’wrap’><p>Test Paragraph.</p></div>
</code>
姿势：两脚与肩同宽。平行（或双脚尖向里）站立。身体向前，半蹲。划具手持并夹在腋下。
心里：速度快时不会慌张。
方法：先滑初级道 ，再上中级道。不上高级道。在初级道尽量学会控制速度。控制速度的最好是脚尖向内收。
转弯：以向左转为例：向左侧身，以左脚为中心，右脚脚尖向左，脚跟向右转。
注意：什么时候也不要两脚尖向外。脚尖向里时，注意划具不要打架。
我觉得过程应该这样：上初级道。1。直滑 学会控制速度。否则到中级道比你想像的要快。那时心里就会受到极到的挑战。2。 中级道直滑。要学会转弯。
希望大学滑雪愉快。
事件起因：当事人跑进地铁，不小心掉下去，被地铁压断腿。
事件发展：地铁无责任，三年内一审二审，都未打赢得官司。
事件转折：官司被打回重审，双方都按无责任赔负。地铁终要求被被赔80%。概80万。
1。像地铁这种场所，在无过错责任时，也需要赔偿。
2.如果当事人是打闹而造成这种结果的话，被告则不是地铁了。
————————————————————
无过错责任原则
无过错责任原则：也叫无过失责任原则。它是指没有过错造成他人损害的，依法律规定应由与造成损害原因有关的人承担民事责任的原则。英美法称之为“严格责任”。
民法通则第106条第3款规定：“没有过错，但法律规定应当承担民事责任的，应当承担民事责任。”
依据该条及民法通则其他相关条款之规定，笔者以为，无过错责任原则是指损害的发生既不是加害人的故意也不是受害人的故意和第三人的故意造成的，但法律规定 由加害人承担民事责任的一种特殊归责原则；它是一种基于法定特殊侵权行为的归责原则，其目的在于保护受害人合法权益，有效弥补受害人因特殊侵权行为所造成 的损失。它与过错责任原则、公平责任原则共同构成现代司法制度中侵权民事责任的三大归责原则。
一、无过错责任的构成要件及特点
（一）构成要件
⒈损害事实的客观存在。
⒉特殊侵权行为的法定性。包括侵权行为的法定性和免责事由的法定性。没有法律条款的明文规定，不能构成无过错责任；同时，没有法定的免责事由不能免责。
⒊特殊侵权行为与损害事实之间存在因果关系。
⒋行为人不必过错。是指责任的承担不考虑行为人是否具有过错，在认定责任时无需受害人对行为人具有过错提供证据，行为人也无需对自己没有过错提供证据，即使提供出自己没有过错的证据也应承担责任。
（二）特点
1、法定的适用范围：无过错责任原则必须在法律规定的范围内适用，不能随意扩大或者缩小其适用范围。民法通则规定的典型的适用无过错责任的案件有：产品缺陷致人损害、高度危险作业致人损害、环境污染致人损害、地面施工致人损害、饲养的动物致人损害等损害赔偿案件。
2、法定的免责事由：适用无过错责任的特殊侵权行为的免责条件由法律规定，但各特殊侵仅行为的法定免责事由并不是完全相同的。
①产品缺陷致人损害的，民法通则没有规定免责条件。但产品质量法第41条第2款规定了三种免责事由，一是未将产品投入流通的；二是产品投入流通时，引起损害的缺陷尚不存在的；三是将产品投入流通时的科学技术水平尚不能发现缺陷的存在的。但必须由生产者举证证明。
②高度危险作业致人损害的，按照民法通则第123条的规定，只有一个免责条件，即损害结果是受害人的故意造成的。《最高人民法院关于审理触电人身损害赔偿 案件若干问题的解释》第3条规定了四个因高压电造成他人人身损害电力设施产权人的免责条件：一是不可抗力；二是受害人以触电方式自杀、自伤；三是受害人盗 窃电能，盗窃、破坏电力设施或者因其他犯罪行为而引起触电事故；四是受害人在电力设施保护区从事法律、行政法规所禁止的行为。此规定与民法通则的规定并不 相悖。农药管理条例第45条规定“违反本条例规定，造成农药中毒、环境污染、药害等事故或者其他经济损失的，应当依法赔偿。”并未另行规定免责条件。其他 如《城市燃气安全管理规定 》、《爆炸物品管理条例》、《放射事故管理规定》、《易燃易爆化学物品消防安全监督管理办法》、《爆炸危险场所安全规定》、《化学危险物品安全管理条例》 等法规同样未另行规定免责条件。
③环境污染致人损害的，民法通则第124条未规定免责事由。《国家环境保护局关于确定环境污染损害赔偿责任问题的复函》十分明确地指出：“承担污染赔偿责 任的法定条件，就是排污单位造成环境污染危害，并使其他单位或者个人遭受损失。现有法律法规并未将有无过错以及污染物的排放是否超过标准，作为确定排污单 位是否承担赔偿责任的条件。”
④地面施工致人损害的，民法通则第125条也没有规定免责事由。该条规定：“在公共场所、 道旁或者通道上挖坑、 修缮安装地下设施等，没有设置明显标志和采取安全措施造成他人损害的，施工人应当承担民事责任。”
⑤饲养的动物致人损害的，民法通则第127条规定的免责事由有二：一是受害人的过错，二是第三人的过错。
笔者以为，上述法定的免责事由虽不均衡，但受害人的故意和民法通则第107条规定的不可抗力应当作为所有适用无过错责任的侵权行为通用的必然免责事由。
二、正确区分与过错责任原则的界限过错责任原则是行为人基于自身的过错而承担民事责任的归责原则。它是现代侵权法之基本归责原则，可分为一般过错责任原则 和推定过错责任原则。前者要求受害人举证证明加害人有过错以及过错行为与损害结果之间有因果关系。后者要求加害人举证证明自身没有过错以及自身的行为与损 害结果之间不存在因果关系，否则推定加害人有过错。
民法通则第106条第2款规定：“公民、法人由于过错侵害国家的、集体的财产，侵害他人财产、人身的应当承担民事责任。”
由此可见，有过错必须担责是一个最基本的原则。从侵权法理论上讲，过错是主观上的，可以分为故意和过失两种。过错责任的构成要件有四：①损害事实的客观存 在；②行为的违法性；③违法行为与损害结果之间存在因果关系；④行为人有过错。应当注意的是，民事责任上的故意和过失有别于刑事犯罪的故意和过失，它没有 民事法律后果上的区别，也就是说民事侵权上的故意和过失所引起的民事法律后果是一样的，没有熟重熟轻之别，而刑法意义上的故意和过失所引起的刑事法律后果 区别很大，故意犯罪，应当负刑事责任，过失犯罪法律有规定的才负刑事责任，且相应较轻。
从构成要件可以看出，无过错责任与过错责任之间既有联系又有区别。区别有二：①前者的行为是法定的，它不必具有违法性特征，后者的行为具有违法性；②前者行为人不必过错，后者有过错。在司法实践中应加以区别。
首先，应将无过错责任与一般过错责任加以区别。特殊侵权的种类很多，但并非所有的特殊侵权都适用无过错责任原则。如国家机关及其工作人员职务侵权。宪法第 41条第3款、民法通则第121条、国家赔偿法第2条均作了规定，虽然三者在用词造句上不完全相同，但相互是统一的，并不矛盾。在法条中，虽然只有国家赔 偿法使用了“违法行使职权”一词，而宪法和民法通则没有使用，但三者都用了“侵犯”一词。“侵犯”【1】的含义：①非法干涉别人，损害其权利；②侵入别国 领域。基于立法措词的严谨性，我们完全有理由认为“侵犯”一词在法条中的出现就是对行为合法性的否定评价，因此实施侵犯行为本身就是违法，依据现代侵权法 中的“违法推定过失”规则，完全可以得出结论：国家机关及其工作人员职务侵权适用一般过错责任原则，而非无过错责任原则。
其次，将无过错责任与混合过错责任加以区别。混合过错是指对于损害的发生，加害人与受害人均有过错。民法通则第131条规定：“受害人对于损害的发生也有 过错的，可以减轻侵害人的民事责任。”此规定是对该法第106条第2款的补充，同样是一般过错责任条款，体现了过错必须担责的原则。而实践中，将无过错责 任与混合过错责任相混淆的情况时有发生。例如，某法院审理的一起因煤气泄漏引发的人身损害赔偿纠纷案件，该院审理后认为， “本案为高度危险作业致人损害的特殊侵权案件。煤气公司的煤气管网泄漏本身具有隐秘性和潜在性，受害人李某夫妇居所附近发生几起煤气泄漏中毒事件，至今煤 气公司仍未查到泄漏点，很显然不能以未查到泄漏点而否认泄漏事实存在。何况煤气公司曾以切断气源、免费送罐赠气、私下赔偿等一系列做法默认了煤气泄漏这一 事实。只是强调李家夫妇中毒当日煤气管网无泄漏。公安机关出具的李家‘炉灰燃烧完好，煤烟中毒的可能性极小’。事发当日煤气公司工作人员虽挖开一处管道， 却仓促告停，不进行全面、彻底勘查，不能排除煤气泄漏致人死亡的最大可能性，联系、客观地审查案件的全部事实及证据，李某死亡、妻子一氧化碳中毒系煤气泄 漏所致确存高度盖然性，煤气公司应当承担赔偿责任。且因煤气公司曾通知搬迁，李家未搬，有一定的过错，故法院判决煤气公司承担70％的责任，判处赔偿 41563.96元。【2】”笔者以为，此例就是典型的将无过错责任与混合过错责任相混淆的实例。依据民法通则第107条和第123条之规定，高度危险作 业致人损害的法定免责事由只能是不可抗力和受害人的故意。参照《最高人民法院关于审理触电人身损害赔偿案件若干问题的解释》第3条的规定，此处的受害人故 意应当是指：①受害人的自杀、自伤行为；②受害人盗窃煤气，盗窃、破坏煤气设施或者实施其他犯罪行为；③受害人在煤气设施保护区从事法律、行政法规所禁止 的行为。此例中既不存在不可抗力，受害人也未从事上述三种行为，只是煤气公司曾通知其搬迁而未搬。此未搬迁之行为只是一种过失而非故意，因此此案应适用无 过错责任原则，而不应适用混合过错责任原则。其结论很明显：受害者不应承担责任，煤气公司应承担全部责任。
再次，将无过错责任与推定过错责任加以区别。推定过错是指在举证责任倒置的情形下，如果加害人不能举证证明其行为与损害结果之间不存在因果关系以及不存在 过错，那就推定其有过错，并由此而承担过错责任。如《最高人民法院关于民事诉讼证据的若干规定》第四条第一款（四）规定：“建筑物或者其他设施以及建筑物 上的搁置物、悬挂物发生倒塌、脱落、坠落致人损害的侵权诉讼，由所有人或者管理人对其无过错承担举证责任。”依此规定，如果行为人不能举证证明自身无过 错，则推定行为人有过错并由行为人承担过错责任。类似的还有医疗事故损害赔偿等。而无过错责任不考虑行为人是否具有过错，只要无法定的免责事由均由行为人 承担责任。无过错责任与过错责任中的推定过错十分相近似，尤其是都是特殊侵权行为引起，当二者的法条混在一起时（都在民法通则121－127条之间）更容 易混淆。因此，在适用时必须对各法条规定之用词深入剖析推敲，方能正确理解立法意图，把二者区分开来。
三、正确区分与公平责任原则的界限公平责任原则实质上是一种法官自由裁量原则。它是指法条中只有原则性规定，在实施中由法官根据立法精神从公平合理的角度 出发将民事责任分摊给各方当事人，作出符合立法目的的公正裁决的归责原则。如民法通则第109条、第132条以及意见（修改稿）177条、178条、 179条规定的情形，都是对公平责任的原则性规定。
公平责任原则之构成要件：
①双方当事人均没有过错。
②不符合法定的无过错责任之要件。
③行为人的行为与损害结果没有因果关系。例如，民法通则第109条规定：“因防止、制止国家的、集体的或者他人的财产、人身遭受侵害而使自己受到损害的， 由侵害人承担赔偿责任，受益人也可以给予适当的补偿。”受益人的行为与损害结果就毫无因果关系。与损害结果有因果关系的是加害人的行为。
④法条中有原则性规定。
从二者的构成要件足以看出，无过错责任原则与公平责任原则是完全不同的两种归责原则。二者最主要的区别在于行为与损害结果的因果关系，且后者隐含着法官自 由裁量原则。如果弄反了就将严重影响裁判结果，适用无过错责任原则的结果是要么加害人承担全责，要么免责；适用公平责任原则的结果是加害人和受害人分担责 任，分担多少由法官决定。因此，实践中应当慎用公平责任原则，只有在既不能适用过错责任原则又不能适用无过错责任原则的情况下方可在法律有原则性规定的范 围内适用公平责任原则。下面以一实例说明。某法院审结的一起司机好意搭乘他人，因高速行驶而爆胎造成他人损害的人身损害赔偿案件。法院审理后认为：“双方 均无过错，依据民法通则的公平原则，虽然被告没有酿成事故的过错责任，但同样应承担相应的赔偿责任。”严格地讲，此例只符合公平责任原则的第一个要件—— 双方当事人均没有过错，不符合另三个要件，因此不应适用公平责任原则。根据合同法第288条对运输合同的规定，客运合同是承运人将旅客从起运地点运输到约 定地点，旅客支付票款的合同。此例中的原告虽未支付票款，但毫无疑问，其系经承运人许可搭乘的无票旅客，因此，首先应认定原、被告之间客运合同关系的成 立。既然客运合同关系成立，被告就应当全面履行承运人的义务。合同法302条第1款规定：“承运人应当对运输过程中旅客的伤亡承担赔偿责任，但伤亡是旅客 自身健康原因造成的或者承运人证明伤亡是旅客故意、重大过失造成的除外。”第2款：“前款规定适用于按照规定免票、持优待票或者经承运人许可搭乘的无票旅 客。”由此可以看出，“好意搭乘他人”不能成为承运人的免责条件，承运人只有两种情况免责：①伤亡是旅客自身健康原因造成的；②伤亡是旅客故意、重大过失 造成的。值得注意的是，此条款虽出现在合同法中，但其规定的并非违约责任，而是侵权责任，承运人应承担无过错责任。退一步讲，如果没有此条的规定，旅客同 样可以依据该法第290条“承运人应当在约定期间或者合理期间内将旅客、货物安全运输到约定地点。”的规定，要求承运人承担没有将旅客安全运输到约定地点 的违约责任（合同的违约责任本身就是无过错责任）。这是一种违约责任与侵权责任的竞合。因此，不管从哪个角度讲，此类案件都不应依据公平责任原则处理，而 应按无过错责任原则处理。结果是：由承运人承担全部责任。
四、还应注意与一些“形似”条款加以区别
在成文法中，“形似”条款的大量存在是在所难免的现象。“形似”条款是指法律条款的外观结构包括逻辑结构、语法结构、语气、措词等十分类似的条款。例如， 意见（修改稿）第175条规定：“雇工在受雇佣期间从事雇佣活动造成他人损害的，由雇主承担民事责任。”从该条的表述方式上看，规定的似乎就是无过错责 任，只要发生雇工在受雇佣期间从事雇佣活动造成他人损害的，雇主无论自身有无过错均应承担责任；但细加揣摩，便发现它并非无过错责任的规定。事实上，从雇 工的行为之性质上讲，雇工在受雇佣期间从事雇佣活动的行为是受雇主的委托而实施的代理行为。民法通则第63条第2款规定：“代理人在代理权限内，以被代理 人的名义实施民事法律行为，被代理人对代理人的代理行为，承担民事责任。”因此，雇主承担的民事责任只是一种基于雇工的代理行为而产生的民事责任。其责任 性质是不定的，应由雇工实施的侵权行为所引起的民事责任而定，它可以是无过错责任，也可以是过错责任和公平责任。
类似的“形似”条款还有很多，实践中必须仔细甄别，注意它们之间的实质性差异。
总之，无过错责任原则一定要在法律有明文规定的情况下适用，不能以法官意志为转移，随意扩大或者缩小其适用范围。尤其应当注意的是，要把无过错责任原则与 过错责任原则、公平责任原则正确区分开来，做到“罚当其责”。只有如此，才能真正体现“以事实为根据、以法律为准绳”的司法原则，并真正实现公平、正义的 法律价值目标。
2006年4月21日晚，在广州打工的许霆，到广州市商业银行的某ATM取款机上取款。他的账面余额仅有170多元，也只想取款100元。但他发现，取 款机吐出1000元，账面仅扣除1元。许霆利用银行系统的这个错误，分171次取走17.5万元，并叫来朋友郭安山取款1．8万元，二人各携所取款项潜 逃。事后，郭安山投案自首，并全额退还所取款项，获刑1年。许霆逃亡一年后被警方抓获，日前以盗窃罪被广州市中级人民法院一审判处无期徒刑。
量刑过重
12.29号,两部委发出新规(互联网视听节目服务管理规定),“有国有独资或国有控股企业才有资格向网民提供互联网视频服务，并需要先取得广电总局的视听服务许可，再获得信息产业部的互联网接入许可。”
民营视频网站如何能逃出此劫数?
新规不是提倡国企大力发展视频产业,而成了打压民营企业的枷锁.假如我会画画,那么一定会有这样的场景.两个人在赛跑,一个叫”民营视频”的人飞奔在前,一个叫”广电视频”的人在其后,一个叫”信息产业部”的人,用一根叫”互联网视听节目服务管理规定”之绳即将把”民营视频”的人套住.
Powered by WordPress