Uniform
=======
Sexy form elements with jQuery. Now with HTML5 attributes!
Version 2.1.1
Works well with jQuery 1.6+, but we've received patches and heard that this works with jQuery 1.3.
Licensed under the [MIT License](http://www.opensource.org/licenses/mit-license.php)
Installation
------------
Installation of Uniform is quite simple. First, make sure you have jQuery installed. Then you’ll want to link to the jquery.uniform.js file and uniform.default.css in the head area of your page. Here's what your `<head>` tag contents should probably contain:
<!-- Make sure your CSS file is listed before jQuery -->
<link rel="stylesheet" href="uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.uniform.js"></script>
This relies upon a copy of jquery.uniform.js, uniform.default.css and the various images all being available on your webserver.
Basic usage
-----------
Using Uniform is easy. Simply tell it what elements to style:
// Style all <select> elements
$("select").uniform();
To "uniform" all possible form elements, just do something like this. Things that can't get styled appropriately will be skipped by Uniform.
// Style everything
$("select, input, a.button, button").uniform();
You can exclude elements too by using more jQuery selectors or methods:
// Avoid styling some elements
$("select").not(".skip_these").uniform(); // Method 1
$('select[class!="skip_these"]').uniform(); // Method 2
A complete set of tags in the HEAD section of your site can therefore look like this:
<!-- Make sure your CSS file is listed before jQuery -->
<link rel="stylesheet" href="uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.uniform.js"></script>
<script type='text/javascript'>
// On load, style typical form elements
$(function () {
$("select, input, button").uniform();
});
</script>
Extra parameters
----------------
You can pass in extra parameters to control certain aspects of Uniform. To pass in parameters, use syntax like what is seen here. This only changes the settings for the elements that are actually uniformed in this particular call.
$("select").uniform({
param1: value,
param2: value,
param3: value
});
There is a separate listing of global defaults. You access them by using the `defaults` property. *Note: This property name changed in v2.0.*
$.uniform.defaults.checkedClass = "uniformCheckedClass";
$.uniform.defaults.fileBtnHtml = "Pick a file";
Uniform v1.x had a bug where setting values in the call to `.uniform()` also potentially reset the defaults and redrew other uniformed objects with new settings. As of version 2.0.0 the global defaults are now completely separate from the settings passed to every `.uniform()` call. Extra parameters defined when instantiating Uniform are not global and can't be recalled from `$.uniform.defaults` later.
### activeClass (string)
*Default:* "active"
Sets the class given to elements when they are active (pressed).
$("select").uniform({activeClass: 'myActiveClass'});
### autoHide (boolean)
*Default:* true
If this option is set to true, Uniform will hide the new elements if the existing elements are currently hidden using `display: none`.
If you want to show a select or checkbox you'll need to show the new Uniform div instead of the child element.
### buttonClass (string)
*Default:* "button"
Sets the class given to a button that's been Uniformed
$("input[type=button]").uniform({buttonClass: 'myBtnClass'});
### checkboxClass (string)
*Default:* "checker"
Sets the class given to the wrapper div for checkbox elements.
$(":checkbox").uniform({checkboxClass: 'myCheckClass'});
### checkedClass (string)
*Default:* "checked"
Sets the class given to elements when they are checked (radios and checkboxes).
$(":radio, :checkbox").uniform({checkedClass: 'myCheckedClass'});
### disabledClass (string)
*Default:* "disabled"
Sets the class given to elements when they are disabled.
$("select").uniform({disabledClass: 'myDisabledClass'});
### eventNamespace (string)
*Default:* ".uniform"
Binds events using this namespace with jQuery. Useful if you want to unbind them later. Shouldn't probably need to be changed unless it conflicts with other code.
$("select").uniform({eventNamespace: '.uniformEvents'});
### fileButtonClass (string)
*Default:* "action"
Sets the class given to div inside a file upload container that acts as the "Choose file" button.
$(":file").uniform({fileButtonClass: 'myFileBtnClass'});
### fileButtonHtml (string)
*Default:* "Choose File"
Sets the text written on the action button inside a file upload input.
$(":file").uniform({fileButtonHtml: 'Choose …'});
### fileClass (string)
*Default:* "uploader"
Sets the class given to the wrapper div for file upload elements.
$(":file").uniform({fileClass: 'myFileClass'});
### fileDefaultHtml (string)
*Default:* "No file selected"
Sets the text written in the filename div of a file upload input when there is no file selected.
$(":file").uniform({fileDefaultHtml: 'Select a file please'});
### filenameClass (string)
*Default:* "filename"
Sets the class given to div inside a file upload container that spits out the filename.
$(":file").uniform({filenameClass: 'myFilenameClass'});
### focusClass (string)
*Default:* "focus"
Sets the class given to elements when they are focused.
$("select").uniform({focusClass: 'myFocusClass'});
### hoverClass (string)
*Default:* "hover"
Sets the class given to elements when they are currently hovered.
$("select").uniform({hoverClass: 'myHoverClass'});
### idPrefix (string)
*Default:* "uniform"
If useID is set to true, this string is prefixed to element ID’s and attached to the container div of each Uniformed element. If you have a checkbox with the ID of "remember-me" the container div would have the ID "uniform-remember-me".
$("select").uniform({idPrefix: 'container'});
### inputAddTypeAsClass (boolean)
*Default:* true
When true, `<input>` elements will get a class applied that is equal to their "type" attribute.
$("input").uniform({inputAddTypeAsClass: true});
### inputClass (string)
*Default:* "uniform-input"
Applies this class to all input elements when they get uniformed.
$("input").uniform({inputClass: "inputElement"});
### radioClass (string)
*Default:* "radio"
Sets the class given to the wrapper div for radio elements.
$(":radio").uniform({radioClass: 'myRadioClass'});
### resetDefaultHtml (string)
*Default:* "Reset"
This text is what's shown on form reset buttons. It is very similar to submitDefaultHtml.
$("input[type='reset']).uniform({resetDefaultHtml: "Clear"});
### resetSelector (boolean/string)
*Default:* false
This parameter allows you to use a jQuery-style selector to point to a "reset" button in your form if you have one. Use false if you have no "reset" button, or a selector string that points to the reset button if you have one.
$("select").uniform({resetSelector: 'input[type="reset"]'});
### selectAutoWidth (boolean)
*Default:* true
If this option is set to true, Uniform will try to fit the select width to the actual content. When false, it forces the selects to all be the width that was specified in the theme.
When using auto widths, the size of the element is detected, then wrapped by Uniform and expanded to fit the wrapping.
If you want to specify a size of a select element and then have Uniform wrap it appropriately, there will be some difficulty. The size of the element needs to get detected and then will be changed by Uniform. For this to happen, it is suggested you do one of these solutions when you have issues.
* Set a custom inline width for the element (`<select style="width
javaEE+jsp+MySql学生成绩管理系统(eclipse开发) （1464个子文件） 
africa 45KB antarctica 15KB asia 111KB australasia 68KB backward 4KB BusinessServiceImpl.class 8KB LoginServlet.class 6KB ScoreDaoImpl.class 5KB AddScoreServlet.class 4KB StudentDaoImpl.class 4KB TeacherDaoImpl.class 4KB UpdateTeaServlet.class 4KB AddTeaServlet.class 4KB AddStuServlet.class 4KB Score.class 4KB DeleteScoreServlet.class 4KB UpdateCourseServlet.class 4KB AddCourseServlet.class 4KB UpdateScoreServlet.class 4KB UpdateStuServlet.class 4KB UpdateAdminPwdServlet.class 4KB UpdateTeaPwdServlet.class 4KB UpdateStuPwdServlet.class 4KB DeleteCourseServlet.class 4KB DeleteTeaServlet.class 4KB DeleteStuServlet.class 4KB CourseDaoImpl.class 3KB GetScoreToUpdateServlet.class 3KB GetCourseToUpdateServlet.class 3KB AdminToCourseServlet.class 3KB GetStuToUpdateServlet.class 3KB GetTeaToUpdateServlet.class 3KB AdminToTeaServlet.class 3KB Page.class 3KB Student.class 2KB Teacher.class 2KB StudentInfoServlet.class 2KB BusinessService.class 2KB DBCPUtil.class 2KB TeacherInfoServlet.class 2KB AdminDaoImpl.class 2KB Course.class 2KB test.class 1KB LogoutServlet.class 1KB Admin.class 1KB ScoreDao.class 886B StudentDao.class 754B TeacherDao.class 622B CourseDao.class 465B AdminDao.class 322B .classpath 1KB CNAME 14B home.js.coffee 229B org.eclipse.wst.common.component 487B org.eclipse.wst.jsdt.ui.superType.container 49B bootstrap.css 124KB bootstrap.css 118KB bootstrap.min.css 112KB bootstrap.min.css 104KB bootstrap.css 90KB bootstrap.min.css 79KB multiple-themes.css 52KB editor_ie7.css 47KB editor_iequirks.css 46KB editor_ie8.css 46KB editor_ie.css 45KB editor_gecko.css 45KB editor.css 45KB skin.min.css 31KB skin.ie7.min.css 31KB bootstrap-theme.css 23KB bootstrap-theme.min.css 22KB bootstrap-responsive.css 22KB dialog_ie7.css 17KB dialog_ie8.css 16KB bootstrap-responsive.min.css 16KB dialog_iequirks.css 16KB dialog_ie.css 16KB dialog_opera.css 16KB dialog.css 15KB selectize.bootstrap2.css 15KB common.css 13KB mylessons.css 13KB bootstrap-responsive.css 12KB bootstrap-admin-theme.css 12KB uniform.jeans.css 12KB selectize.default.css 11KB chosen.min.css 11KB uniform.agent.css 11KB uniform.aristo.css 11KB uniform.default.css 11KB selectize.legacy.css 11KB demo_table.css 11KB fullcalendar.css 10KB selectize.bootstrap3.css 10KB uniform.jeans.min.css 9KB bootstrap-responsive.min.css 9KB uniform._base.css 8KB demo_table_jui.css 8KB uniform.agent.min.css 8KB共 1464 条
- 1
- 2
- 3
- 4
- 5
- 6
- 15
JRGAVIN
- 粉丝: 5
最新资源
- arm 架构openssh9.9版本rpm部署包（openssh/openssl全量升级）
- 毕设&课设：基于全国职业技能大赛(2021)移动应用开发赛项题库标准，自主开发设计的智慧城市App.zip
- 毕设&课设：基于个性化定制的智慧校园管理系统设计与开发，计算机毕业设计，毕设，Java毕业设计，SpringBo.zip
- 毕设&课设：课程设计，基于 Vue 、Node 、SSM 的前后端分离 - 智慧养老服务平台.zip
- 毕设&课设：农产品智慧物流系统，计算机毕业设计，毕设，Java毕业设计，SpringBoot，SSM，小程序，J.zip
- 毕设&课设：面向智慧教育的实习实践系统，计算机毕业设计，毕设，Java毕业设计，SpringBoot，SSM，小.zip
- 毕设&课设：山东省大学生软件设计大赛--智慧校园管理系统项目.zip
- 毕设&课设：农业大学智慧校园毕业设计项目.zip
- 毕设&课设：突然一时兴起，给大口袋设计的智慧职教的视频与PPT抓取工具.zip
- 毕设&课设：项目申报评审系统是一个综合性的信息化管理平台，旨在规范和优化项目的申报、评审、执行与验收等全流程管理.zip
- 毕设&课设：无人智慧超市管理系统，计算机毕业设计，毕设，Java毕业设计，SpringBoot，SSM，小程序，.zip
- 毕设&课设：这是一个基于 Vite + Vue 3 构建的智慧城市数据可视化大屏前端项目。它以 Cesium.j.zip
- 毕设&课设：智慧110界面UI设计.zip
- 毕设&课设：这是一个智慧宠物的APP，APP的界面已经设计好，而且登录界面和注册界面也已经做好，只需要实现功能即.zip
- 毕设&课设：智慧党建系统，计算机毕业设计，毕设，Java毕业设计，SpringBoot，SSM，小程序，Java.zip
- 毕设&课设：智慧草莓基地管理系统，计算机毕业设计，毕设，Java毕业设计，SpringBoot，SSM，小程序，.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
前往页