日期:2013-9-24 来源:GBin1.com
缺省的jQuery UI只有水平的进度条效果,没有垂直的进度条效果,仅仅重新定义JQuery UI的CSS不能解决这个问题。
这里我们扩展缺省的option,添加一个orientation的参数,实现一个垂直滚动调效果,代码如下:
/* * jQuery UI Progressbar 1.8.2 * * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * http://docs.jquery.com/UI/Progressbar * * Depends: * jquery.ui.core.js * jquery.ui.widget.js */ (function( $ ) { $.widget( "ui.progressbar", { options: { value: 0, orientation : "horizontal" }, _create: function() { this.element .addClass( "ui-progressbar ui-widget ui-widget-content ui-corner-all" ) .addClass("ui-progressbar-" + this.options.orientation) .attr({........
如果你需要JQuery UI其它版本的垂直进度条效果支持,请自行修改。
via gbtags.com
相关推荐
vs2013 利用Ajax+Jquery实现异步进度条效果
基于jquery-ui的一套进度条插件;自己用过还可以 简单易用;
Jquery插件-垂直进度条。。
效果描述: 非常不错的一个基于jQuery的进度条展示动画效果 使用方法: 1、引入css样式 2、将index.html中的代码部分拷贝过去即可
用jquery实现的进度条插件,使用非常简单,可用做程序进度显示或AJAX文件上传
jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库
进度条.rar 进度条.rar 用jquery打造超酷进度条效果
jquery css3进度条加载动画特效
一个不错的进度条指示注册页面代码,懒人之家推荐下载使用
jquery的一个进度条插件,你可以通过调用实现不同的进度条显示效果
jQuery滑动加载进度条代码是一款简单实用的动态进度条加载特效代码,支持更改颜色以及用图片替代。
jQuery步骤节点进度条代码基于jquery.1.10.2.min.js制作,募捐步骤流程代码。
JQuery浮动的进度条例子 JQuery浮动的进度条
jquery实现进度条特效,直接可调用,可以自己定义样式风格等
资源名称:jQuery UI参考手册 中文CHM版内容简介:jQuery UI是一个建立在jQuery Javascript 库上的小部件和交互库,您可以使用它创建高度交互的Web应用程序。本教程将向您讲解 jQuery UI 是如何工作的。本文给...
jQuery进度条插件制作多种彩色的动画上传进度条效果代码
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
jquery 实现动态进度条,好看容易实现,很容易看懂
最近这两天一直在为大家分享一些HTML5、CSS和SVG的炫酷动画,...这次我们来介绍一款实用的jQuery进度条插件,这款jQuery进度条插件的外观利用了CSS3的特性,让进度条外观显得非常时尚漂亮,一共有10种样式,非常实用。