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

<channel>
	<title>.::灵狼天::. &#187; MooTools</title>
	<atom:link href="http://icyleaf.com/tag/mootools/feed/" rel="self" type="application/rss+xml" />
	<link>http://icyleaf.com</link>
	<description>icyleaf&#039;s blog - 心外无理，心外无物，心外无事</description>
	<lastBuildDate>Tue, 13 Dec 2011 02:34:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>推荐一本前端的电子书：The Woork Handbook</title>
		<link>http://icyleaf.com/2009/01/the-woork-handbook/</link>
		<comments>http://icyleaf.com/2009/01/the-woork-handbook/#comments</comments>
		<pubDate>Sun, 04 Jan 2009 02:19:06 +0000</pubDate>
		<dc:creator>icyleaf</dc:creator>
				<category><![CDATA[网络开发]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[Scriptaculous]]></category>
		<category><![CDATA[web开发]]></category>

		<guid isPermaLink="false">http://icyleaf.com/?p=511</guid>
		<description><![CDATA[The Woork Handbook 是一本关于 CSS，HTML，Ajax，web 开发，Mootools，Scriptaculous 以及一些其他关于网页设计的免费英文电子书。 为什么称之为“The Woork Handbook&#8221;，首先因为此书的内容均来自 Woork 的 blog 之中的文章（涵盖了 2008 年 1 月到 12 月的一些文章）。目前此书发布的是第一个预览版本：0.1 电子书下载：The Woork Handbook 此人博客的内容涵盖了广阔的互联网开发领域，就像上面此书介绍的那样，不过有时候偶尔会无法访问，可恶的 GFW，另外这里在说明想一下作者最后的声明： 英语并不是作者的母语 文章所有内容都是 复制粘贴 自作者的博客 当有新的内容，作者会周期性更新此书内容]]></description>
			<content:encoded><![CDATA[<p>The Woork Handbook 是一本关于 CSS，HTML，Ajax，web 开发，Mootools，Scriptaculous 以及一些其他关于网页设计的<strong>免费英文电子书</strong>。</p>
<p>为什么称之为“The Woork Handbook&#8221;，首先因为此书的内容均来自 <a href="http://woork.blogspot.com/" target="_self">Woork 的 blog</a> 之中的文章（涵盖了 2008 年 1 月到 12 月的一些文章）。目前此书发布的是第一个预览版本：0.1</p>
<p>电子书下载：<a href="http://www.box.net/shared/static/xe3d9r4nti.pdf" target="_self">The Woork Handbook</a></p>
<p>此人博客的内容涵盖了广阔的互联网开发领域，就像上面此书介绍的那样，不过有时候偶尔会无法访问，可恶的 GFW，另外这里在说明想一下作者最后的声明：</p>
<ul>
<li>英语并不是作者的母语</li>
<li>文章所有内容都是 复制粘贴 自作者的博客<em></em></li>
<li>当有新的内容，作者会周期性更新此书内容</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://icyleaf.com/2009/01/the-woork-handbook/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>图片保护脚本：dwProtector</title>
		<link>http://icyleaf.com/2008/08/mootools-dwprotector/</link>
		<comments>http://icyleaf.com/2008/08/mootools-dwprotector/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 07:49:16 +0000</pubDate>
		<dc:creator>icyleaf</dc:creator>
				<category><![CDATA[网络开发]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://www.icyleaf.cn/?p=249</guid>
		<description><![CDATA[网站的图片保护是一个热门话题，为什么呢？你想想如果您辛辛苦苦花了两个小时设计出来个设计，你会希望它被别人无情的PS，修改做别人的东西吗？当然是被允许的，这就是dwProtector产生的原因。 dwProtector是基于mootools开发的插件。那么，dwProtector的功能强度有多大呢，看下面列表： 守护右键“（图片）另存为”（&#8221;Save Image As&#8221;） 守护右键“背景图片另存为”（&#8221;Save Background As&#8221;） 守护拖拽图片到桌面 甚至是守护右键 在线功能演示：http://davidwalsh.name/dw-content/image-protector.php 里面的图片很凶猛哦&#8230; 核心代码： //protector class var dwProtector = new Class({ //implements Implements: [Options], //options options: { image: 'blank.gif', elements: $$('img'), zIndex: 10 }, //initialization initialize: function(options) { //set options this.setOptions(options); &#8230; <a href="http://icyleaf.com/2008/08/mootools-dwprotector/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>网站的图片保护是一个热门话题，为什么呢？你想想如果您辛辛苦苦花了两个小时设计出来个设计，你会希望它被别人无情的PS，修改做别人的东西吗？当然是被允许的，这就是<a href="http://davidwalsh.name/mootools-12-image-protector-dwprotector" target="_blank">dwProtector</a>产生的原因。</p>
<p><a href="http://davidwalsh.name/mootools-12-image-protector-dwprotector" target="_blank">dwProtector</a>是基于<a href="http://mootools.net/" target="_blank">mootools</a>开发的插件。那么，dwProtector的功能强度有多大呢，看下面列表：</p>
<ul>
<li>守护右键“（图片）另存为”（&#8221;Save Image As&#8221;）</li>
<li>守护右键“背景图片另存为”（&#8221;Save Background As&#8221;）</li>
<li>守护拖拽图片到桌面</li>
<li>甚至是守护右键</li>
</ul>
<p><span id="more-249"></span></p>
<p>在线功能演示：<a href="http://davidwalsh.name/dw-content/image-protector.php" target="_blank">http://davidwalsh.name/dw-content/image-protector.php</a><br />
里面的图片很凶猛哦&#8230;</p>
<p><strong>核心代码</strong>：</p>
<pre lang="javascript" line="1" file="protector.txt" colla="-">
//protector class
var dwProtector = new Class({

	//implements
	Implements: [Options],

	//options
	options: {
		image: 'blank.gif',
		elements: $$('img'),
		zIndex: 10
	},

	//initialization
	initialize: function(options) {
		//set options
		this.setOptions(options);

		//make it happen
		this.protect();
	},

	//a method that does whatever you want
	protect: function() {
		//for each image that needs be protected...
		this.options.elements.each(function(el) {
			//get the element's position, width, and height
			var size = el.getCoordinates();
			//create the protector
			var p = new Element('img', {
				src: this.options.image,
				width: size.width,
				height: size.height,
				styles: {
					'z-index': this.options.zIndex,
					'left': size.left + 'px',
					'top': size.top + 'px',
					'position': 'absolute'
				}
			}).inject($(document.body),'top');
		},this);

	}
});
</pre>
<p>通过上面的代码可以发现，用户虽然可以上面的方法保存图片，不过下载下来的图片只是我们函数里面替换掉的blank.gif。</p>
<p><strong>使用方法</strong>：<br />
1. 下载<a href="http://mootools.net/download" target="_blank">mootools</a>和<a href="http://davidwalsh.name/dw-content/dwProtect.js" target="_blank">dwProtector</a>以及空的<a href="http://davidwalsh.name/dw-content/blank.gif" target="_blank">替换图片blank.gif</a>，下载后放置在网站合适的位置。<br />
2. 把下面代码插入到全局的头部文件中(<head></head>）：</p>
<pre lang="html4strict" line="1" file="html.txt" colla="+">
<script type="text/javascript" src="moo1.2.js"></script>

<!-- 或者直接插入上面的核心代码 -->
<script type="text/javascript" src="dwProtect.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {  
var protector = new dwProtector({  
image: '/blank.gif',  
elements: $$('.protect')    //设置图片保护标记，这里为class="protect"
});  
});
</script>
</pre>
<p>3.在你的图片加入 <strong>class=&#8221;protect&#8221;</strong>（可以通过步骤2修改保护图片标记），如：</p>
<pre lang="hhtml4stricttml" line="1" file="img.txt" colla="+">
<img src="sample.jpg" class="protect" alt="sample"/>
</pre>
<p>作者在结尾声明，对于查看网页源文件或其他方法还是可以很轻松的获得图片的地址，而且我还尝试用选中图片，复制，粘贴在富文本编辑器下面也是可以显示的&#8230;不过作者目前还在想办法解决这方面的问题，让我们一起为作者加油吧！</p>
]]></content:encoded>
			<wfw:commentRss>http://icyleaf.com/2008/08/mootools-dwprotector/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>JavaScript库:MooTools</title>
		<link>http://icyleaf.com/2007/12/javascript-library-mootools/</link>
		<comments>http://icyleaf.com/2007/12/javascript-library-mootools/#comments</comments>
		<pubDate>Fri, 14 Dec 2007 09:37:16 +0000</pubDate>
		<dc:creator>icyleaf</dc:creator>
				<category><![CDATA[网络开发]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://www.icyleaf.cn/2007/12/14/javascript%e5%ba%93mootools/</guid>
		<description><![CDATA[MooTools是一个简洁，模块化，面向对象（最OO的JavaScript lib)的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools 从 Prototype.js 中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比 Prototype.js 多， 整体设计也比 Prototype.js 要相对完善，功能更强大，比如增加了动画特效、拖放操作等等。有位网友是这样阐述这两个JS库的。 目前在国内还没有一个MooTools的交流网站，大部分的东西还需要从官方查找。不过对于英文不好的朋友来说，网上有网友汉化的官方的文档： v1.11中文文档：点我下载 （来源) 或者在线查看文档，其汉化作者还收集了大量的学习资料，对此十分感谢。]]></description>
			<content:encoded><![CDATA[<p><img src="http://mootools.net/assets/images/header/logo.gif" alt="MooTools" align="left" height="52" width="182" /><a href="http://mootools.net/" target="_blank">MooTools</a>是一个<strong>简洁</strong>，<strong>模块化</strong>，<strong>面向对象</strong>（<a href="http://www.blogjava.net/crespo9907/archive/2007/04/02/mootools.html" id="viewpost1_TitleUrl" class="postTitle2">最OO的JavaScript lib</a>)的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。<br />
Mootools 从 <a href="http://www.prototypejs.org/" target="_blank">Prototype.js</a> 中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比 Prototype.js 多，<br />
整体设计也比 Prototype.js 要相对完善，功能更强大，比如增加了动画特效、拖放操作等等。有位网友是<a href="http://www.javaeye.com/topic/122425" target="_blank">这样阐述</a>这两个JS库的。</p>
<p>目前在国内还没有一个MooTools的交流网站，大部分的东西还需要从官方查找。不过对于英文不好的朋友来说，网上有网友汉化的官方的文档：<br />
v1.11中文文档：<a href="http://www.fileupyours.com/files/132283/JavaScript/mootools_doc_cn_1.rar" target="_blank">点我下载</a> （<a href="http://www.javaeye.com/topic/126290" target="_blank">来源</a>)<br />
或者<a href="http://www.hotajax.cn/mootoolsdoc/Core.htm" target="_blank">在线查看文档</a>，其汉化作者还收集了<a href="http://blog.csdn.net/zarknight/archive/2007/04/13/1562858.aspx" target="_blank">大量的学习资料</a>，对此十分感谢。</p>
]]></content:encoded>
			<wfw:commentRss>http://icyleaf.com/2007/12/javascript-library-mootools/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

