如何改进自己网站的界面或提高网站的视觉体验，从而让用户记忆犹新？

我们有三种主要的方法（从难到易）：自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架（可以让编写代码变得更容易些）;使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。

这里收集了10种强大的且容易上手的JavaScript特效来改进您的网页站界面，从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴，而且安装和使用都比较容易。

您还可以参考以下JavaScript/Ajax相关教程及资源：

查看更多...

Tags: JavascriptJavascript 实例实例 网站网站 界面界面

网站SYS-CON 媒体列出十个应用最广的Javascript框架，文章说，Javascript库已经成为设计优秀网站的基础，当今几乎所有站点都带有Javascript或Ajax元素。在Web2.0开发大潮中，它也许是最关键的要素。

十个十大Javascript框架

1. script.aculo.us (http://script.aculo.us/)

URL: http://script.aculo.us/.
文档: http://wiki.script.aculo.us/.
注释: script.aculo.us不是自己独立的framework，而是Prototype的附加组件。
“script.aculo.us能为你提供使用简单、跨浏览器用户接口的JavaScript库，它让你的网站和程序如虎添翼。”

2. Prototype (http://www.prototypejs.org/)

URL: http://www.prototypejs.org/.
Blog: http://www.prototypejs.org/blog.
文档: http://www.prototypejs.org/learn.

“Prototype是让动态web程序开发更加简单的JavaScript framework。它为class-driven开发提供了独特简单的工具箱，并以目前最好的Ajax库著称。Prototype正在迅速成为每位web程序开发者的codebase of choice。”

3. Moo Tools (http://www.mootools.net/)

URL: http://www.mootools.net/.
Blog: http://blog.mootools.net/.
文档: http://docs.mootools.net/.
演示:http://demos.mootools.net/.

“MooTools是精简而模式化的面向对象JavaScript framework，它专为从中级向高级迈进的JavaScript开发者设计。在它优雅、详细并且流畅的API帮助下，你能够写出强大、灵活、可跨浏览器使用的代码。”

4. jQuery (http://jquery.com/)

URL: http://jquery.com/.
Blog: http://jquery.com/blog/.
文档: http://docs.jquery.com/.

“jQuery是一个快速、简洁的JavaScript库，能够简化阅读HTML文档、处理事件、实现动画以及向网页添加Ajax互动等过程。jQuery改进了你编写JavaScript的方式。”

5. MochiKit (http://www.mochikit.com/)

URL: http://www.mochikit.com/.
Blog: http://www.mochikit.com/blog.html.
文档: http://www.mochikit.com/doc/html/MochiKit/index.html.
演示:http://www.mochikit.com/demos.html.

“MochKit-让JavaScript不那么差劲了。”

6. Rialto (http://rialto.improve-technologies.com/wiki/)

URL: http://rialto.improve-technologies.com/wiki/.
Blog: 无
文档: http://rialto.improve-technologies.com/js/doc/.
演示:http://rialto.improve-technologies.com/rialto/.

“Rialto (Rich Internet Application Toolkit)是基于Ajax的跨浏览器Javascript小型工具集。”

7. Dojo Toolkit (http://dojotoolkit.org)
URL: http://dojotoolkit.org/about.
Blog: http://dojotoolkit.org/blog.
文档: http://dojotoolkit.org/docs.
演示:http://dojotoolkit.org/demos.

“Dojo是用JavaScript编写的一款开源的DHTML工具箱。Dojo解决了DHTML部分历史遗留问题，这些问题曾让大量动态web程序开发无法实现。”

8. Spry Framework (http://labs.adobe.com/technologies/spry/)

URL: http://labs.adobe.com/technologies/spry/.
Blog: 无
文档: http://www.adobe.com/go/labs_gnav_wiki.
演示:http://www.adobe.com/go/labs_gnav_showcase.

“为Ajax设计的Spry framework是一个能提供简单而强大Ajax功能的JavaScript库，它令开发者能开发出让用户有更丰富体验的页面。它还可以使Ajax的复杂度降低，以便设计师更为简单的创建Web2.0页面。”

9. ASP.NET Ajax Framework (http://asp.net/ajax/)

URL: http://asp.net/ajax/.
Blog: 无
文档: http://asp.net/ajax/documentation/.
演示:http://asp.net/ajax/showcase/.

“ASP.NET AJAX是一款免费框架，能让你在各种流行浏览器上快速创建有效而互动的Web程序。”
10. Cean Ajax Framework (http://sourceforge.net/projects/clean-ajax/)
URL: http://sourceforge.net/projects/clean-ajax/.
Blog: 无
文档: http://sourceforge.net/docman/?group_id=145307.

“简单易用的AJAX 框架，能提供消息排序, XSLT, XPath, 加密软件 (SHA1, MD5), Web服务入口 (SOAP, XMLRPC), JSON-RPC, 跨浏览器 AJAX以及 AJAX历史及缓存控制。”等功能。

Tags: JavascriptJavascript AJAXAJAX