<?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; js小型库</title>
	<atom:link href="http://www.artcss.com/archives/tag/js%e5%b0%8f%e5%9e%8b%e5%ba%93/feed" rel="self" type="application/rss+xml" />
	<link>http://www.artcss.com</link>
	<description>一个像素的距离...</description>
	<lastBuildDate>Sat, 12 Feb 2011 03:34:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>10个Js的小型库，效果真的很棒[转]</title>
		<link>http://www.artcss.com/archives/588.html</link>
		<comments>http://www.artcss.com/archives/588.html#comments</comments>
		<pubDate>Mon, 08 Feb 2010 01:33:50 +0000</pubDate>
		<dc:creator>Artcss</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[js小型库]]></category>

		<guid isPermaLink="false">http://blog.artskin.cn/?p=588</guid>
		<description><![CDATA[这些列举的网站，站内还有大量的效果，希望大家多去找找，对于研究的朋友来说，更是很棒的源码参考。第5款的东东，很强很震撼… 1、$fx() 简介：$fx()是一个轻量级的动画库，一些复杂的动画，可以由多个简单的动画效果进行组合，但是提供的是混淆压缩过的代码，对于研究动画源码的朋友可能特别不爽 API：http://fx.inetcat.com/manuals.php 主页:http://fx.inetcat.com/ 2、JSTweener 简介：原始大小14K，支持大多数的动画特效 演示地址：http://svn.coderepos.org/share/l … es/transitions.html 主页地址：http://coderepos.org/share/wiki/JSTweener 3、FX 2.0 简介：代码清晰，支持多种形变动画，而且2.0版本在不局限于px单位，支持了em, %, 演示地址：http://www.ryanmorr.com/tests/fx2/ 主页地址：http://ryanmorr.com/archives/fx- … animation-framework 4、JsCharts 简介：用js生成图表，包括柱状图，饼状图，流线图 演示地址：http://www.jscharts.com/examples 主页地址：http://www.jscharts.com/ 5、Raphael 简介：也许你看了效果后会觉得唉，这有什么特别的，但是查看它的源码的时候，你会被震到，不信就去看看呗，里边的效果实在是太神奇了，虽然目前你根本用不上…. 演示地址：http://raphaeljs.com/dragon.html 主页地址：http://raphaeljs.com/dragon.html 6、Reflection.js 简介：倒影实现,如果是在个人项目中，还是可以用得上的，唉，感叹，现在是可供选择的效果太充足了，而实际真正用到项目中的确是寥寥无几，只能这么说，就目前的web项目在交互方面 只能打个不及格。现在貌似国外都是研究者，而我们只是应用者，而且应用得还不到位。 主页地址：http://cow.neondragon.net/stuff/reflection/ 脚本地址:&#160;&#160;http://cow.neondragon.net/stuff/reflection/reflection.js (27K) 7、leigeber 简介：准确的说 这不是一个库，而是一些效果集，但是这对于我们来说却是非常实用的，每个效果都在3K左右， 效果列表：http://www.leigeber.com/category/javascript/ 主页地址：http://www.leigeber.com/ 8、Shortcuts.js 简介：在web2.0+时代，web应用中的快捷键开始大量使用,而且开始流行起来，google reader 和 Gmail等应用更是引领这一潮流，但是作为开发者，搞定键盘的绑定却不是一件轻松的事情，而shortCuts则以更优的方式解决了这一问题。 演示地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/ 主页地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/ 9、Amberjack (4K) 简介：这个效果我觉得用在商城上 挺合适的，比如一些打折信息，热卖商品等，只是网站官方极力推销的，用这种方式到不失为一种好方法，当然反对的声音肯定挺多的… 演示地址：http://amberjack.org/skins/custo … skinId=black_beauty 主页地址：http://amberjack.org 10、Blackbird (10K) [...]]]></description>
			<content:encoded><![CDATA[<p>这些列举的网站，站内还有大量的效果，希望大家多去找找，对于研究的朋友来说，更是很棒的源码参考。<span id="more-588"></span>第5款的东东，很强很震撼…</p>
<p><strong>1、$fx()</strong><br />
简介：$fx()是一个轻量级的动画库，一些复杂的动画，可以由多个简单的动画效果进行组合，但是提供的是混淆压缩过的代码，对于研究动画源码的朋友可能特别不爽<br />
API：<a target="_blank" href="http://fx.inetcat.com/manuals.php">http://fx.inetcat.com/manuals.php</a><br />
主页:<a target="_blank" href="http://fx.inetcat.com/">http://fx.inetcat.com/</a></p>
<p><strong>2、JSTweener</strong><br />
简介：原始大小14K，支持大多数的动画特效<br />
演示地址：<a target="_blank" href="http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/transitions.html">http://svn.coderepos.org/share/l … es/transitions.html</a><br />
主页地址：<a target="_blank" href="http://coderepos.org/share/wiki/JSTweener">http://coderepos.org/share/wiki/JSTweener</a><br />
<span id="more-1178"></span><br />
<strong>3、FX 2.0</strong><br />
简介：代码清晰，支持多种形变动画，而且2.0版本在不局限于px单位，支持了em, %,<br />
演示地址：<a target="_blank" href="http://www.ryanmorr.com/tests/fx2/">http://www.ryanmorr.com/tests/fx2/</a><br />
主页地址：<a target="_blank" href="http://ryanmorr.com/archives/fx-2-0-the-full-featured-animation-framework">http://ryanmorr.com/archives/fx- … animation-framework</a></p>
<p><strong>4、JsCharts<br />
</strong>简介：用js生成图表，包括柱状图，饼状图，流线图<br />
演示地址：<a target="_blank" href="http://www.jscharts.com/examples">http://www.jscharts.com/examples</a><br />
主页地址：<a target="_blank" href="http://www.jscharts.com/">http://www.jscharts.com/</a></p>
<p><strong>5、Raphael</strong><br />
简介：也许你看了效果后会觉得唉，这有什么特别的，但是查看它的源码的时候，你会被震到，不信就去看看呗，里边的效果实在是太神奇了，虽然目前你根本用不上….<br />
演示地址：<a target="_blank" href="http://raphaeljs.com/dragon.html">http://raphaeljs.com/dragon.html</a><br />
主页地址：<a target="_blank" href="http://raphaeljs.com/dragon.html">http://raphaeljs.com/dragon.html</a></p>
<p><strong>6、Reflection.js<br />
</strong>简介：倒影实现,如果是在个人项目中，还是可以用得上的，唉，感叹，现在是可供选择的效果太充足了，而实际真正用到项目中的确是寥寥无几，只能这么说，就目前的web项目在交互方面 只能打个不及格。现在貌似国外都是研究者，而我们只是应用者，而且应用得还不到位。<br />
主页地址：<a target="_blank" href="http://cow.neondragon.net/stuff/reflection/">http://cow.neondragon.net/stuff/reflection/</a><br />
脚本地址:&nbsp;&nbsp;<a target="_blank" href="http://cow.neondragon.net/stuff/reflection/reflection.js">http://cow.neondragon.net/stuff/reflection/reflection.js</a> (27K)</p>
<p><strong>7、leigeber</strong><br />
简介：准确的说 这不是一个库，而是一些效果集，但是这对于我们来说却是非常实用的，每个效果都在3K左右，<br />
效果列表：<a target="_blank" href="http://www.leigeber.com/category/javascript/">http://www.leigeber.com/category/javascript/</a><br />
主页地址：<a target="_blank" href="http://www.leigeber.com/">http://www.leigeber.com/</a></p>
<p><strong>8、Shortcuts.js</strong><br />
简介：在web2.0+时代，web应用中的快捷键开始大量使用,而且开始流行起来，google reader 和 Gmail等应用更是引领这一潮流，但是作为开发者，搞定键盘的绑定却不是一件轻松的事情，而shortCuts则以更优的方式解决了这一问题。<br />
演示地址：<a target="_blank" href="http://www.openjs.com/scripts/events/keyboard_shortcuts/">http://www.openjs.com/scripts/events/keyboard_shortcuts/</a><br />
主页地址：<a target="_blank" href="http://www.openjs.com/scripts/events/keyboard_shortcuts/">http://www.openjs.com/scripts/events/keyboard_shortcuts/</a></p>
<p><strong>9、Amberjack (4K)</strong><br />
简介：这个效果我觉得用在商城上 挺合适的，比如一些打折信息，热卖商品等，只是网站官方极力推销的，用这种方式到不失为一种好方法，当然反对的声音肯定挺多的…<br />
演示地址：<a target="_blank" href="http://amberjack.org/skins/customize/?travel=1&amp;tourId=AJTour&amp;skinId=black_beauty">http://amberjack.org/skins/custo … skinId=black_beauty</a><br />
主页地址：<a target="_blank" href="http://amberjack.org/">http://amberjack.org</a></p>
<p><strong>10、Blackbird (10K)<br />
</strong>简介：alert()的替代方案，现如今耳目下通常开发者都是使用自己制造的弹出层对话框，但是这款的设计思路确是仿照一些软件的控制台日志的方式，把信息都集中于一个面板上，对于用户来说，这其实是一件好事，对自己的操作所产生的结果至少一目了然，web 应用发展新时代，这个东东会成为一个趋势吧。对了，还支持快捷键.<br />
演示地址：<a target="_blank" href="http://www.gscottolson.com/blackbirdjs/">http://www.gscottolson.com/blackbirdjs/</a><br />
主页地址：<a target="_blank" href="http://www.gscottolson.com/">http://www.gscottolson.com/</a></p>
<p>原文地址：http://bbs.blueidea.com/thread-2943411-1-1.html</p>
]]></content:encoded>
			<wfw:commentRss>http://www.artcss.com/archives/588.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

