亲们该页面内会员们分享的“作品”，版权为才华横溢的原作者们所有滴，不得商业使用！
如何使用彩色滤镜打造梦幻网站&&|&&，，在这个高级效果和错综样式充斥的时代，谁能想得到颜色和渐变这种如此简单的工具也能带来创意效果并极大地提高网站美感。经当代网页设计师口碑证明，使用彩色滤镜效果能够自然地凸显精妙的图画、复杂的图形和壮丽的照片。新颖、新鲜的氛围能够让网站跃然出众。所以说，这些简单的工具绝对能帮你解决很多问题。首先，彩色滤镜能够给网站带来焕然一新的感觉，同时又不会让网站显得过于杂乱。第二，其能够给设计融入相互匹配的色彩，从而传递出各种各样的情感。第三，对于不透明度较低的层叠画面，有时需要通过主背景的运用来保证在略微低调处理滑块部分或视频部分的同时又使其能够吸引人的眼球，在这种情况下，彩色滤镜的使用不会隐藏这一主背景的魅力。最后，彩色滤镜能够给前景内容带来厚重的基础，从而提高可读性。另请见：这一办法能够融洽地适用于具有强烈对比度的基本白色配色、高度流行的扁平式元素以及能够提高精妙感的轮廓式图形。通过下面这些很棒的网站设计示例，可以帮助你了解如何恰当运用这一技巧。Zimya登陆页面采用了绝妙的暖色半透明渐变，能够瞬间给人带来积极、舒适的感觉。从紫红色到橙黄色的渐变使得层叠画面透露出宏伟的色彩景致。Red Collar平滑、近半透明和渐变效果极大地丰富了作为该公司视觉呈现的图像背景。这种独特性韵味不仅完善了整个场景，同时烘托出了极富活力的气氛。Ingram Cole and Land该网站采用了充满视觉享受的非凡效果，整个网站设计中贯穿了动画和照片处理基调。温暖柔和的紫色到粉红色渐变使得欢迎屏幕呈现出奇幻、美艳的感觉。Adopt Wales这位设计师使用了迷人的粉红色渐变遮盖视频背景，营造出温馨的氛围。配色和透明度的恰当选择出色地勾勒出了前景元素。Snippet App蓝色和白色的结合让喜欢安宁、舒适感觉的人眼前一亮。尽管这位设计师实际采用了三种色彩结合的方案，但蓝色和白色是绝对的主角。Joyce Van HerckJoyce Van Herck是一位艺术大师，其网上作品集中四处可见美妙的几何图形。半透明渐变以巧妙的手法给对角线式的装饰图形和碎片带来了生气，从而有效地强化出了令人心怡的氛围。Electric Mainline与上面的Snippet App类似，这位设计师同样结合采用了蓝色与白色。但是，层叠画面较低的不透明度让用户得以欣赏到作为背景的美妙图片。Solid Giant粉色的配色方案成功地解决了多项问题。首先，其有效地突出了白色的品牌口号、logo、导航栏以及若隐若现的幽灵按钮。其次，其烘托出了轻松的氛围；最后，其彰显出了品牌的特色。Invelab这位设计师希望在达到背景与前景之间完美对比的同时凸显出工作室的照片图像。其中的亮紫色有效地与白色色调形成了互补。M2B活泼的半透明渐变强调出了网站的外在感觉。依靠这一办法，背景图像获得了一套全新的色彩。其中白色作为一种补充色调让界面内容显得更加突出。Lovedays这位设计师在欢迎页面上采用了扁平化的设计风格。极简的设计中仅包含少数几个轮廓式元素、简单的字体、平淡的按钮和城市照片作为背景。其中的城市照片背景配以几近透明的蓝色来提高文字的阅读性。Numero Neuf这个网站主页采用了丰富的图像作为导航，其中每个项目都覆以黑色半透明画面。这个广为流行的设计办法能够给文字提供完美的对比度，同时自然地将人的注意力吸引到特定的内容上。Evoluzione Telematica绿色往往让人联想到正能量，而这里正是运用了绿色的这一特质。明亮的色调结合白色文字给人带来了积极上进的印象。The Place这位设计师运用极简主义营造出了高贵的感觉。颜色的选择充分体现出了网站的特性并使得视频得到了统一。Obbaki Foundation这个网站所采用的颜色成功地提高了和谐感。其在丰富网站主题的同时轻松带来了戏剧般的效果，进而优化了整体情调。Studio Up这家公司在向普通用户展现其紧跟网络趋势这一点上不遗余力。其在网站上放置了一个使用“视差”制作的简短自我展示，其中包含了诸多精巧的效果。自我展示的每一页都有自己的色调并覆盖了动态的背景以免造成内容模糊。Hype Agency这位设计师在界面主区域内遍铺橙色以求营造出网站的积极基调。与之配合的白色也同样出彩并巧妙地融入其中。Louis CurrieLouis Currie不仅仅局限于一种色彩；他选用了各式各样的柔色调简洁地相互取代。其敏锐的节奏感和和谐感清楚地跃然于网站之上。Grey Group瑰丽的蓝绿色层叠于主页之上，仿佛轻盈的面纱般强调出网站的浓重务实特性。轮廓线式的图形和幽灵按钮跃然于界面之上，与主色调相得益彰。Papertelevision各种充满视觉享受的亮色伴随于网站的每个部分。主页上采用了一抹浓郁的紫色，虽然不显眼，却能够给首页的设计带来活力。结论旧时在图形设计中所采用的彩色滤镜基本技巧在网站设计中重生。尽管彩色会冲淡整体设计，但却能够带来一丝复杂感和额外的魅力，同时辅助整体功能设计。翻译：蒋灿原文地址：链接：
================关于优设记================
“优设记“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博：同步网站更新内容，订阅jquery资源 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接：
转载请务必加上该链接
Copyright (C) 2013
All Rights Reserved 浙ICP备号-1 &您是第2717645位访客！使用 jQuery UI 和 jQuery 插件构建更好的 Web 应用程序 - 博客 - 伯乐在线
& 使用 jQuery UI 和 jQuery 插件构建更好的 Web 应用程序
& 4.1K 阅读
简介： 对于那些使用 JavaScript 和 jQuery 库从桌面应用程序转向 Web 应用程序的开发人员来说，他们还不习惯去考虑应用程序基本的外观，因为这些以前都是由操作系统来处理的。了解 jQuery UI，一个基于 jQuery 的 UI 工具箱，使创建漂亮的界面更为容易。本文同时也介绍了一些 jQuery 插件，可以加速 Web 开发并有助于创建我们所熟悉的，且流畅、直观、灵活的界面。
如果您是一个传统桌面应用程序开发人员，并且正在转向开发 Web 应用程序，在学习 HTML 和 CSS 方面您可能不会遇到什么困难，但为应用程序设计一个漂亮的外观可能会是一个挑战。jQuery UI 和各种 jQuery 插件对于快速将 Web 应用程序组合在一起有极大的帮助，只需在 GUI 设计上花费少量的时间。
javaScript 和 jQuery
如果您希望页面有任何形式的动态内容或者交互，那么 JavaScript 一直是构建 Web 页面的一个固有部分。如果没有 JavaScript，您想要在运行时更新页面，都必须刷新页面，这会导致界面不便于操作。在最近几年中，JavaScript 日益重要，因为它使得 Web 应用程序变得更加强大。JavaScript 甚至通过像 Node.js （一个服务端 JavaScript 引擎）这样的技术，在服务端也能找到一席之地。如果您想温习 JavaScript 的基本内容以及了解关于 Node.js 的更多信息，请查看 参考资料 的链接。
jQuery 是一个主要使用客户端 JavaScript 代码的库。它可以大幅度提高编写 UI 代码的速度，并提供了许多常用操作的快捷方式。它还包括了一个灵活的、用于创建动态界面并且浏览器兼容的 Ajax 库。更多信息链接请查看 参考资料，包括该库开发版和产品版拷贝的下载链接。产品代码已经是 “最小化的”，这意味着所有不必要的空白和注释都被删除了。如果您想了解该库的内部实现，那么强烈建议使用开发版拷贝，因为它更容易阅读。在使用任何第三方库之前，您都需要对其进行审查，以保证您理解并喜欢它的质量和功能。
jQuery UI 是一个 UI 小部件和 CSS 样式表的集合，它们被打包到一起以完成常用的任务，例如通过 JavaScript 和 CSS 来创建一个向用户提示信息的自定义窗口，而不是使用旧有的弹出窗口。当您访问 jQuery UI 网站时（链接请查看 参考资料），您会发现并没有直接下载的选项。相反，网站提供了一个构建自定义下载的链接。点击该链接，您可以组装适合您自己的个性化包，您可以去掉任何不需要使用的组件（例如 Accordion 或者 Datepicker 小部件）来缩小库的大小。
当您下载自己的 jQuery UI 包时，还需要注意其他一些文件。development-bundle 目录下包含了 demonstrations 和documentation，它们虽然有用但不是产品环境下部署所必需的。但是，在 css 和 js 目录下的文件，必须部署到您的 Web 应用程序中。js 目录包含 jQuery 和 jQuery UI 库；而 css 目录包括 CSS 文件和所有生成小部件和样式表所需的图片。
内容主题/皮肤
jQuery UI 除了提供从主页上组装下载之外，您还可以选择使用某个特定主题。为了节省时间，jQuery UI 页面提供了一个工具，可以用来查看网站当前可用的不同主题，或者您也可以在网站上通过指定喜欢的颜色，来创建属于您自己的主题。这样做主要是为您自动组装所需的 CSS 设置，以便节省一些时间。例如，图 1 展示了 Humanity 主题（顶部）与 Start 主题（底部）的对比。每个主题都包括所有对应的图标集合。
图 1. Humanity 主题与 Start 主题的对比
主题提供了一个简单获取所有美观的 UI 组件的方式，而无需您花费大量时间修改 CSS 值或者使用图片编辑器制作静态图片元素。本文中的示例使用了 Humanity 主题。但是，使用皮肤并不意味着您不能使用自己的 CSS 来满足或者重写 jQuery UI CSS。清单 1 提供了一个基本的使用 jQuery 和 jQuery UI 的 HTML 模板，并且包括了一个自定义的 CSS 文件，app.css，其重写了按钮中文本周围的空间大小。它还包括了app.js，您可以在此编写特定于应用程序的 JavaScript 代码。
清单 1. 一个加载 jQuery UI 的基本 HTML 模板
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN&
&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml& xml:lang=&en&&
&link rel=&stylesheet& type=&text/css& href=&css/humanity/jquery-ui-1.8.10.custom.css& /&
&link rel=&stylesheet& type=&text/css& href=&css/app.css& /&
&script src=&js/jquery-1.5.1.min.js& type=&text/javascript&&&/script&
&script src=&js/jquery-ui-1.8.10.custom.min.js& type=&text/javascript&&&/script&
&script src=&js/app.js&&&/script&
font-size:
/* Override jQuery UI theme's padding on buttons: */
.ui-button-text-only .ui-button-text {
padding: 0.2em 0.5
界面改进：Dialog 小部件
许多 Web 开发人员都热衷于使用 alert 或者 confirm 功能，以便为访问者提供（或者从访问者获取）消息。不过这些消息非常的不美观，尤其是它们通常包括一个诸如 “ 的页面……” 的标题，实在不够醒目。另一个常见做法是打开一个弹出窗口。这个方法由于弹出窗口拦截器的问题，使用的越来越少，不过它也有些过时。
使用 jQuery UI Dialog 功能，当您需要与某个访问者交互时，您可以展示任意内容或者一个通过 display:none 隐藏了的预定义&div& 标签。图 2 显示了该功能在整个外观上的不同。
图 2. 对比一个普通的 alert 窗口和一个 jQuery UI Dialog 小部件
在显示内容的文档中，当有一个独立的 &div& 标签时，使用 Dialog 小部件是最简单的。一般来说，只要有一个可重复用于对话框的空 &div& 标签，它就可以正常工作。首先，设置内容，然后显示对话框，如 清单 2 所示：
清单 2. 显示一个 jQuery UI Dialog 小部件
&div style=&display:& id=&dialogHolder&&&p id=&dialogContent&&&/p&&/div&
JavaScript 代码:
$('#dialogContent').html('Isn\'t this &b&cooler&/b&?&br /&&br /&By setting
modal to true, you can require the user to dismiss this before interacting
with more of the page.');
$('#dialogHolder').dialog({
autoOpen: true,
title: 'Hello!',
modal: true,
buttons: {
&Go Away&: function() {
$(this).dialog(&close&);
界面改进：Accordions 和选项卡
jQuery UI 引入了一个名为 Accordion 的小部件，它允许您拥有多个含有内容的区域，但是一般情况下，只有一个区域是可见的（默认）。点击其他区域，会通过一个动画效果来隐藏可见区域，然后显示新的区域。Accordion 的一个优点是几乎能够拥有无限个部分，因为多余的是按照垂直排布的。这个功能提供了一个流畅并且简单的界面。
许多网站访问者对传统的选项卡式的布局更加熟悉。这里，当前选中的选项卡是可见的，而其他选项卡是隐藏的，因为受到水平宽度的限制，所以有效地限制了选项卡的个数。图 3 显示了一个 Accordion 小部件（顶部）和一个 Tab 小部件 （底部）。
图 3. jQuery Accordion 和 Tab 小部件
Accordions 通过一个含有多个区域序列的 &div& 来创建。每个区域由一个 &h3& 以及一个 &a& 标签开始，随后是一个含有每个 accordion 区域内容的子容器 &div& 。类似的，选项卡控件也使用了一个含有其他内容的 &div&，然后使用一个 &ul& 标签来定义 选项卡。在每个 &li& 中，使用了一个锚标签 （&a&）将选项卡绑定为 &div& 的内容。 接下来，是一系列定义了实际内容的 &div&元素，它们的 id 与无序列表（&ul&）相对应。查看 清单 3 更容易理解。一旦内容定义完毕，就可以在相应 &div& 元素的 jQuery 选择器上，通过调用 .accordion(); 或者 .tab(); 来初始化 accordion 或者选项卡功能。
清单 3. 创建一个 Accordion 小部件和一个 Tab 小部件
&div id=&accordionDemo& style=&width: 50%; margin-left: margin-right:&&
&h3&&a href=#&&Top Section&/a&&/h3&
&p&Initial content for the first &tab& of the accordion goes here.&/p&
&h3&&a href=#&&Next Section&/a&&/h3&
&p&More content...&/p&
&h3&&a href=#&&Last section&/a&&/h3&
&p&You can have as many accordion sections as needed.&/p&
&div id=&tabDemo& style=&width: 50%; margin-left: margin-right:&&
&li&&a href=&#t1&&First Tab&/a&&/li&
&li&&a href=&#t2&&Middle Tab&/a&&/li&
&li&&a href=&#t3&&Last Tab&/a&&/li&
&div id=&t1&&
&p&First tab content goes here. The anchor href for the tab titles must
match the div for the content.&/p&
&div id=&t2&&
&p&Second Tab Content&/p&
&img src=&/images/logos/ps_logo2.png& /&
&div id=&t3&&
&p&As with the Accordion, you can have as many tabs as you want, although
horizontal width places some practical limit there.&/p&
in JavaScript code:
$(document).ready(function() {
$('#accordionDemo').accordion();
$('#tabDemo').tabs();
小部件： Progressbar
jQuery UI 还提供了一个进度条小部件，用于需要长时间运行的操作。这个小部件十分易于使用。定义一个带有 ID 但是没有内容的&div& ，然后在其上调用 progressbar 方法；例如 $('#yourDiv').progressbar();。在实际中，这个小部件可以与 Ajax 结合使用来反映一个操作的进度。
小部件： Datepicker
一个对于输入的日期格式有严格要求的网站会令人反感，尤其是访问者来自不同的国家（有各自的日期格式）。但是使用一个可以接受任意格式的输入框也是危险的，需要进行后端验证，并且当输入的日期无法解析时，还要有办法通知访问者。一个简单的解决方案是使用一个日期选择小部件，正如 jQuery UI 所提供的。它有广泛的功能，包括限制日期范围，重新对日历上的日期命名（用于国际化），以及其他功能。它使用起来很简单。创建一个如下所示的标准文本输入框：
&input type=&text& id=&dateDemo& size=&10&&
然后使用如下代码将其转变为一个日历：
$('#dateDemo').datepicker({ 'maxDate': '+4m'});
上面的代码定义了一个最大日期，即从当前时间开始后的四个月（撰写本文时为 2011 年 3 月 5 日）。截图 图 4 反映了这一点。
图 4. jQuery UI Datepicker 小部件
使用 jQuery 动画
jQuery 自身提供了使用 animate 的能力，可以实现将任意属性从一个值过渡到其他值的动画效果。 当您定义自己的动画效果时这个功能很有用。但是通常编写自己的动画效果会花费很多时间。jQuery UI 添加了一些预定义动画，包括 stand-alone effects Bounce、Highlight、Pulsate、Shake、Size 以及 Transfer，以及其他例如 Blind Clip、Drop、Explode、Fade、 Fold、Puff、Slide 以及 Scale 等 Show 和 Hide 效果。这些效果都用于常用的 jQuery show 和 hide 方法；例如， $('#googleLogo').show('slide', {}, 1000); 或者 $('#googleLogo').hide('explode', {}, 2000);。
jQuery 插件
第三方已经为 jQuery 开发了大量的插件。虽然这些插件都需要 jQuery，但是它们通常都独立于 jQuery UI，不需要 jQuery UI 也可以使用。我们来看一下一些特别有用的插件。
Simple Tree
自从 Microsoft(R) Windows(R) Explorer 第一次出现以来，基于树的菜单就流行起来。它是一种在复杂资源集合（例如文档）中导航的简单方式。jQuery Simple Tree 插件可以很容易的实现树状菜单，并且在点击时支持任意 JavaScript 动作。如果需要，插件还可以支持拖拽树的项（item），对其重新组织，并在放下时触发一个方法。（下载链接请查看 参考资源 ；所有所需的组件可以在 下载 一节的样例代码中找到。）图 5 显示了使用中的 Simple Tree 插件。
图 5. The Simple Tree jQuery 插件
树的内容通过一个单独的外部 &ul& 元素来定义，包含一个定义了树的 ID，以及用于样式化的 CSS 设置。在其内部，使用一个 &li&元素来定义一个根项。在这个元素内部，放置了另一个 &ul& 元素，以及位于该元素中的树项（每一项都在其自己的 &li& 元素中）。清单 4 说明了这个布局。当完成后，调用 simpleTree 方法来激活树功能。
清单 4. 使用 Simple Tree 创建一个树菜单
&link rel=&stylesheet& type=&text/css& href=&css/jquery.simple.tree.css& /&
&script src=&js/jquery-1.5.1.min.js& type=&text/javascript&&&/script&
&script src=&js/jquery.simple.tree.js& type=&text/javascript&&&/script&
&ul id=&treeDemo&&
&li&&span&Here are some items.&/span&
&li id=&TopmostBranch&&&span&Top Branch&/span&
&li id=&SubItem1&&&span&Sub items&/span&&/li&
&li id=&SubItem2&&&span&are in another&/span&&/li&
&li id=&SubItem3&&&span&&ul& level.&/span&
&li id=&SubSubItem1&&&span&like this!&/span&&/li&
&li id=&AnotherBranch&&&span&Another Branch&/span&&/li&
&li id=&LastBranch&&&span&Last Branch&/span&&/li&
in JavaScript code:
$(document).ready(function() {
$('#treeDemo').simpleTree({
autoclose: true,
afterClick: function(node) {
alert($('span: first',node).parent().attr('id') + & was clicked.&);
animate: true,
drag: false
Uploadify jQuery 插件允许您将文件上传到您的网站，而不需在一个新的页面进行 POST 操作，并且在文件上传时显示一个进度条指示。上传自身是通过一个 Adobe(R) Flash(R) 组件来处理。该工具允许大量的自定义，包括指定允许的文件扩展名、大小限制、以及是否允许一次选择多个文件。当每个文件上传完成后，会调用 onComplete 方法；当所有文件完成后会调用 onAllComplete 方法。 Uploadify 默认的上传处理程序会在响应中返回已上传的文件名，但是这个处理程序可以很容易的进行定制化，以满足您的需要（例如，将一个文件上传到一个论坛或者执行其他动作）。清单 5 显示了如何使用 Uploadify 来创建一个文件上传。
清单 5. 将一个标准的文件输入转化为 Uploadify 上传程序
&script src=&js/jquery-1.5.1.min.js& type=&text/javascript&&&/script&
&script src=&uploadify/swfobject.js& type=&text/javascript&&&/script&
&script src=&uploadify/jquery.uploadify.v2.1.4.min.js& type=&text/javascript&&&/script&
&div style=&margin-left: margin-right: width: 200px&&
&b&Upload a file to test:&/b& &input id=&uploadifyDemo&
name=&uploadifyDemo& type=&file& /&
in JavaScript code:
$(document).ready(function() {
$('#uploadifyDemo').uploadify({
'auto': true,
'folder': 'tmp',
'cancelImg': 'uploadify/cancel.png',
'script': 'uploadify/uploadify.php',
'uploader': 'uploadify/uploadify.swf',
onComplete: function(evt, id, file, resp, data) {
alert('The file &' + file['name'] + '& with size &' + file['size'] +
'& was uploaded. (It will be deleted in a few minutes
automatically.)' + &\n\nThe upload script returned: & + resp);
保证您的上传目录不能被公共访问或者被很好的保护是一个很好的做法。如果不这么做，可能会导致攻击者上传他们自己的代码并在您的服务器上执行。在这个示例中，文件被写入到文章示例目录下的 tmp/ 目录中，因此您只需要编写一个 .htaccess 规则，禁止所有访问者访问 tmp/ 目录。此外很重要的一点是，保证运行您 Web 服务器的用户（例如www-data 或者 apache）拥有上传目录的写权限。
不管是桌面还是基于 Web，任何应用程序对用户来说都应该是可以自助生成文档的，以方便用户使用。Tooltips 是实现这一点的一个快速的方式。在使用 tooltip 几十年后，大多数人在不确定“pf ”是什么时，都会不自觉的将鼠标停留在屏幕上某一项，等待一些弹出帮助。Simpletip 插件使这很容易做到。通过 Simpletip，您可以创建基本的工具提示或者使用其他选项来控制位置。它还支持显示和隐藏工具提示的效果，包括通过一个 JavaScript 方法自定义的动画效果。通过使用 $('#elementId').html()，工具提示的内容可以来自于硬编码的文本或者其他一些页面内容，例如一个隐藏的 &div& 元素。您也可以通过编程的方式，编写类似$('#simpleTip3').simpletip({ content:getToolTip()}); 的代码，使用 Ajax 或者从文档中的其他来源来获取内容。 清单 6 展示了在句中单词上使用工具提示的不同样式。
清单 6. 使用 Simpletip 创建一个工具提示
&script src=&js/jquery-1.5.1.min.js& type=&text/javascript&&&/script&
&script src=&js/jquery.simpletip-1.3.1.min.js& type=&text/javascript&&&/script&
SimpleTip lets you add &a id=&simpleTip1&&simple tooltips&/a&,
including &a id=&simpleTip2&&more advanced&/a& tooltips or even
&span id=&simpleTip3&&tooltips with effects&/span& with a minimum of fuss.
&div id=&simpleTip2Content& style=&display:&&
&div style=&padding: 5&&
&b&Fancy&/b& content can be defined in a separate div.
in JavaScript code:
$(document).ready(function() {
$('#simpleTip1').simpletip({
content: 'A basic tooltip.',
fixed: false
$('#simpleTip2').simpletip({
content: $('#simpleTip2Content').html(),
fixed: true,
position: ['100', '0']
$('#simpleTip3').simpletip({
content: 'Some content to animate',
hideEffect: 'slide',
showEffect: 'custom',
showCustom: function() {
$(this).css({
display: 'block',
fontSize: '0.3em',
color: '#0000ff',
backgroundColor: '#ffffff'
$(this).animate({
color: '#ff;,
fontSize: '1em'
通过使用本文中描述的工具，您可以为您的 Web 应用程序快速创建可视化控件，并将精力关注于网站的实际功能。您还需要仔细考虑自然的页面流程，以及应用程序中每个页面的可用性，即使使用了 jQuery UI 和这些插件，仍需要仔细设计页面。但是，它们可以提高开发速度并简化实现。要下载包含本文中所有样例代码的完整 Web 页面，请查看 下载 一节。欢迎您使用它开始构建您的项目。
(w3schools)：如果您新接触 JavaScript 请从此处开始。
：查找 jQuery UI 所需的 jQuery 库的下载和文档。
：构建您的自定义下载，包括只有您需要的工具。网站还有大量精彩的文档和示例。
：构建您自己的主题，并且预览预定义的主题。网站还提供了一份常用控件快速示例的手册。
可能感兴趣的话题
为作者带来更多读者；为读者筛选优质内容；专注IT互联网。
最新评论（期待您也参与评论）
汇集优质的Python技术文章和资源。人生苦短，我用Python！
JavaScript, CSS, HTML5 这里有前端的技术干货！
关注安卓移动开发业界动态，分享技术文章和优秀工具资源。
关注iOS移动开发业界动态，分享技术文章和优秀工具资源。
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线博客团队正试图以我们微薄的力量，把优秀的原创/译文分享给读者，做一个小而精的精选博客，为“快餐”添加一些“营养”元素。
欢迎关注更多频道
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选博客文章
– JavaScript, HTML5, CSS
– 专注Android技术分享
– 专注iOS技术分享
– 专注Java技术分享
– 专注Python技术分享
（加好友请注明来意）
网站使用问题
请在询问或者反馈
& 2015 伯乐在线
赞助云主机