by ·0评论

新闻来源:speckboy.com
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。

LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。
LivePipe 首页与下载
LivePipe 演示与示例

UKI

UKI 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。
UKI 主页与下载
UKI 控件，演示，示例

 

继续阅读

by ·0评论

六月 2nd, 2009  
    

下面这个教程将告诉你如何使用Scriptaculous框架来达到一个简单的菜单滑动切换效果。(原文:woork /翻译:帕兰).

clip_image001

  1. 首先，你应该在你的网页代码里面调用准备好需要的js文件，放在<head>标签内。    
    <script language=“javascript” src=“scriptaculous/prototype.js”></script>      
    <script language=“javascript” src=“scriptaculous/scriptaculous.js”></script>

  2. 然后你可以使用使用一些简单的代码来向scriptaculous.js发出请求需要什么样的效果，比如使用下面的函数调用“onlick”属性:    
    Effect.toggle(’ID’,’type-of-effect’); return false      
    其中的ID是你想实现效果的层标签，type-of-effect是你要实现的效果。      
    下面是一个简单的示例：      
    <h1 onclick=“Effect.toggle(’about-me‘,’blind‘); return false”>About me</h1>      
    <div id=“about-me“>…some content…</div>      
    请记住，你可以给任何你想要添加效果的HTML元素赋予一个ID标签，然后再给他们不同的特效。
  3. 我说的并不是很清楚，所以给你一个包含示例的JS文件的教程下载包也是应该的。

by ·0评论

六月 2nd, 2009  Tags: 菜单效果
    

下面这个教程将告诉你如何使用Scriptaculous框架来达到一个简单的菜单滑动切换效果。(原文:woork /翻译:帕兰).

clip_image001

  1. 首先，你应该在你的网页代码里面调用准备好需要的js文件，放在<head>标签内。    
    <script language=“javascript” src=“scriptaculous/prototype.js”></script>      
    <script language=“javascript” src=“scriptaculous/scriptaculous.js”></script>

  2. 然后你可以使用使用一些简单的代码来向scriptaculous.js发出请求需要什么样的效果，比如使用下面的函数调用“onlick”属性:    
    Effect.toggle(’ID’,’type-of-effect’); return false      
    其中的ID是你想实现效果的层标签，type-of-effect是你要实现的效果。      
    下面是一个简单的示例：      
    <h1 onclick=“Effect.toggle(’about-me‘,’blind‘); return false”>About me</h1>      
    <div id=“about-me“>…some content…</div>      
    请记住，你可以给任何你想要添加效果的HTML元素赋予一个ID标签，然后再给他们不同的特效。
  3. 我说的并不是很清楚，所以给你一个包含示例的JS文件的教程下载包也是应该的。