`
newleague
  • 浏览: 1504482 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

13个增强Web设计界面的Javascript脚本

阅读更多
Javascript能让Web设计更具交互性、更美观和更方便的控制内容的展示。比如我们之前就介绍过11款控制内容展示的Javascript特效和技巧,本文里面,则介绍13个增强Web设计界面的Javascript脚本。

1.Easy News




Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jquery插件,可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果,调整显示速度,可自行修改CSS改变您为喜欢的风格。

2.tableHover(演示地址)



tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。

3.JxLib(演示地址)



JxLib是一个基于Mootools开发的Web UI库。类似于jQuery UI、Ext JS或Dijit。拥有丰富文档和示例。提供的主要UI控件包括:

layout managers

buttons

tabs

toolbars

dialogs

panels

trees

grid control

4.Mimic the iGoogle Interface(演示地址)



这是一个可以让用户定制界面的组件,类似于iGoogle。

5.Tick Tock(演示地址)



这是一个利用CSS与Javascript开发的漂亮时钟。

6.jParallax



这是一个用于生成视差现象的jQuery插件。

7.jQuery Keypad



jQuery Keypad一个可以定制外观的jQuery虚拟键盘插件。键盘的字母与数字能够随机排列。键盘能够以各种动画效果显示如:淡入和滑落等。

8.Sliding Login Panel(演示地址)




Sliding Login Panel是一个采用jQuery开发的用户登录面板。这个面板能够从页面顶部滑落与收缩。

9.Page Peel



可以设置广告的高度、宽度、背景图和定位坐标等。和Pageear一样,使用Flash来显示果皮剥开的特效。

10.Create a 3D Tag Cloud in jQuery(演示地址)



一个用于创建会滚动的3D标签云jQuery插件。

11.Vuzit(演示地址)



Vuzit 是一款在线的文档浏览工具,可适用于绝大部分办公文档格式,类似于 Adobe Share,用户可以从本地上传各类办公文档,直接查阅。这对于本地没有安装 PDF、Office 等软件的用户来说,是一个不错的文档浏览途径。同时,Vuzit 与 Adobe Share 一样支持上传的文档进行分享,提供网页代码,让用户把文档内嵌到其他网页或者自己的 blog 中去。Vuzit 采用了ajax技术,载入速度要比基于 Flash 技术的 Adobe Share 要稍快一些。

12.jQuery Tools(演示地址)



jQuery Tools提供一组当今网站常用到的几个Web UI控件。而且这些组件单个JavaScript文件只有5.8Kb大小。这些控件包括:tabs、tooltip、overlay(模式对话框)、expose(让页面任意元素突出显示)、Slider、flashembed(简化Flash插入方法)。

13.jScroller(演示地址)



jScroller是一个可以让某块区域中的hmtl内容自动上下/左右滚动的jQuery插件。没有使用marquee标签,完全符合w3c标签。所以可以支持多种浏览器。


文章转载自网管网:http://www.bitscn.com/pdb/java/201004/183661.html
分享到:
评论

相关推荐

    C# 动态解析 javascript 脚本引擎源码

    在实际应用中,C#通过调用Noesis.Javascript库的API,可以轻松地执行JavaScript脚本,如下所示: ```csharp using Noesis.Javascript; // 创建JavaScript引擎实例 var engine = new JavascriptEngine(); // 注册...

    非常漂亮的类Web界面的Delphi设计

    在本主题"非常漂亮的类Web界面的Delphi设计"中,我们将深入探讨如何利用Delphi来创建类似Web页面的美观用户界面。这种设计风格不仅能够提供用户熟悉的交互体验,还能提升应用程序的整体视觉吸引力。 首先,Delphi中...

    JavaScript 脚本程序设计

    本教程《JavaScript脚本程序设计》是针对初学者的入门指导,采用PDG格式,旨在帮助读者快速理解和掌握JavaScript的核心概念和语法。PDG格式可能需要专门的阅读器来打开,如Adobe Reader。 JavaScript的学习通常从...

    javascript脚本

    JavaScript脚本是一种强大的客户端编程语言,它在网页开发中扮演着至关重要的角色。JavaScript不仅可以用于交互式的用户界面,还能处理动态内容,实现丰富的互联网应用程序(RIA)。以下将详细阐述标题和描述中涉及...

    智能家居web界面设计

    标题中的“智能家居web界面设计”指的是为智能家居系统创建的用户交互界面,主要通过网页的形式实现对各种智能设备的远程控制和管理。这种设计通常需要结合前端开发技术与后端服务,以便用户通过Web浏览器访问并操作...

    WEB程序课程设计——用html,css,javascript开发

    在本课程设计中,我们将深入探讨如何利用HTML、CSS和JavaScript这三种核心技术来构建一个功能丰富的Web客户端界面。首先,让我们逐一了解这三个关键技术及其在Web开发中的作用。 **HTML(HyperText Markup Language...

    ASP.PPT课件、Web网页制作、JavaScript脚本语言、VBScript脚本语言

    总结一下,ASP是一个用于构建动态Web应用程序的技术,结合了VBScript和JavaScript脚本语言,以及HTML和CSS等网页制作技术。它通过服务器端处理数据和逻辑,客户端的JavaScript则用于提升用户体验。了解并熟练掌握...

    用纯javascript脚本写的一个俄罗斯方块

    【标题】: "用纯javascript脚本写的一个俄罗斯方块" 在编程领域,JavaScript是一种广泛应用于Web开发的脚本语言,它可以实现丰富的交互性。这个项目是利用JavaScript编写的一个经典游戏——俄罗斯方块,它是基于...

    web界面设计大全(中文)

    在Web界面设计领域,CSS(层叠样式表)和JavaScript是不可或缺的重要技术。"web界面设计大全(中文)"这个资源包提供了丰富的学习材料,帮助初学者和有经验的开发者深入理解和掌握这两种语言,从而提升网页设计和...

    使用JavaScript实现Web程序中多个文本框的批量选择、批量修改

    最近,我使用纯Javascript实现了一个批量修改文本框中的数据的功能,拖动鼠标即可选择页面上(包括GridView中)多个文本框,然后会自动弹出对话框要求用户输入新值。实现方法对TextBox没有侵入性,也不需要修改现有...

    Web设计PPT,HTML,JavaScript

    在Web设计领域,HTML(HyperText Markup Language)和JavaScript是两个至关重要的技术。这份名为"Web设计PPT,HTML,JavaScript"的资源集合提供了一种深入理解这些基础知识的途径,对于初学者或希望提升技能的专业人士...

    web界面设计大全(中文).rar

    Web界面设计是一个涵盖广泛的主题,包括视觉美学、用户体验、交互设计和前端技术等多个方面。这份"Web界面设计大全(中文).rar"压缩包显然旨在为用户提供关于这个领域的全面资源,特别是聚焦于CSS、HTML这两种核心...

    JavaScript脚本处理逻辑规划

    ### JavaScript脚本处理逻辑规划 #### 一、JavaScript概述与特性 JavaScript是一种广泛使用的客户端脚本语言,具有较高的安全性,并且能够为HTML网页提供动态功能。这种语言最初由网景公司的Brendan Eich设计,它...

    Web前端大作业-个人网页(html+css+javascript)

    【标题】"Web前端大作业-个人网页(html+css+javascript)"揭示了这个项目的核心是构建一个基于HTML、CSS和JavaScript的个人网页。这三种技术是Web开发的基础,用于创建动态、交互式的网页内容。 HTML(HyperText ...

    基于Python的stable-diffusion-webui前端界面设计源码

    该项目是一款基于Python的stable-diffusion-webui前端界面设计源码,包含300个文件,涵盖206个Python脚本、30个JavaScript脚本、11个HTML文件、9个YAML配置文件、5个PNG图像文件、4个YAML配置文件、3个Markdown文件...

    人机交互-任务4:图形交互界面的设计(web) 完整项目+成品

    本项目"人机交互-任务4:图形交互界面的设计(web) 完整项目+成品"聚焦于Web环境下的GUI设计,这通常涉及到网页设计、用户体验(UX)、用户界面(UI)设计等多个方面。下面我们将深入探讨这些关键知识点。 首先,GUI...

    JavaScript编写的简易web桌面系统

    WEB桌面系统 项目文档  项目简介: 本项目构建了一个WEB桌面系统。该系统由用户注册、登陆、注销以及倒记时器、模拟钢琴和宠物系统等5个组件组成,并具有更改页面样式、时钟显示、组件自由拖放等功能...

    web系统界面模板(非常漂亮)

    "web系统界面模板(非常漂亮)"这个标题暗示了我们正在讨论的是一系列美观的Web界面设计资源,这些资源可能是设计师精心制作的,用于快速构建专业级别的Web应用程序或管理系统。 描述中的“找了一大堆界面,有满意的...

    jsweb桌面系统界面开发

    **JSWeb桌面系统界面开发详解** JSWeb桌面系统界面开发是一种技术手段,它利用JavaScript、...而"web3"可能是指项目中的第三个Web界面或者一个特定的模块,具体的详细内容需要进一步查看源代码或相关文档来深入理解。

    简单web浏览器设计

    4. **JavaScript执行**:现代浏览器通常支持JavaScript,一种动态脚本语言,用于增强用户交互。对于C++项目,可以使用V8引擎或者SpiderMonkey等JavaScript引擎来运行JavaScript代码。 5. **渲染引擎**:浏览器的...

Global site tag (gtag.js) - Google Analytics