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
基于Python+Flask的短租平台项目，flask项目-毕业设计源码+使用文档（高分优秀项目）.zip （346个子文件） 
bootstrap.css 143KB bootstrap.min.css 118KB font-awesome.css 34KB font-awesome.min.css 28KB bootstrap-theme.css 26KB bootstrap-datepicker3.standalone.css 23KB bootstrap-theme.min.css 23KB bootstrap-datepicker3.css 22KB bootstrap-datepicker3.standalone.min.css 21KB bootstrap-datepicker3.min.css 21KB swiper.css 20KB bootstrap-datepicker.standalone.css 18KB bootstrap-datepicker.css 17KB swiper.min.css 17KB bootstrap-datepicker.standalone.min.css 16KB bootstrap-datepicker.min.css 15KB simple-line-icons.css 11KB uniform.default.css 11KB simple-line-icons.min.css 9KB uniform.default.min.css 8KB bootstrap-switch.css 7KB bootstrap-switch.min.css 6KB detail.css 5KB search.css 3KB profile.css 2KB newhouse.css 2KB index.css 2KB booking.css 2KB orders.css 2KB myhouse.css 2KB my.css 2KB register.css 1KB login.css 966B reset.css 435B main.css 224B fontawesome-webfont.eot 75KB Simple-Line-Icons.eot 35KB glyphicons-halflings-regular.eot 20KB .gitattributes 95B
newhouse.html 16KB detail.html 9KB lorders.html 7KB index.html 6KB orders.html 6KB search.html 4KB register.html 4KB myhouse.html 3KB profile.html 3KB my.html 3KB auth.html 3KB booking.html 2KB payComplete.html 2KB login.html 2KB favicon.ico 3KB flask_dz.iml 512B alembic.ini 770B e45d20e1-3a46-409b-8105-e122bb870300.jpeg 77KB
home01.jpg 418KB home02.jpg 407KB home03.jpg 303KB 6b5bf194-7a47-4d31-9cc2-fde50d306ec5.jpg 193KB 700c39d9-77a7-44f3-a4ef-3b74d4cb75b5.jpg 182KB ddb15c1d-d681-4dc0-ab98-59417fe1e07d.jpg 179KB 0c7e6d59-7d38-4b69-81e5-df2220496207.jpg 174KB 8e0f7c01-c4b8-4dde-9cf7-e9a1ca0a9dc6.jpg 166KB 86f2b31a-7c3f-4412-abc0-add839c8a7e3.jpg 146KB f1c8fb37-6d88-4fe2-89c5-c27113725859.jpg 139KB a57413e3-74ad-438e-a568-7aa2ead1f537.jpg 119KB 3df507bb-081b-442b-8a0f-11e7eb7fd895.jpg 113KB e93de5ee-cf4f-4a17-b361-74605cda8433.jpg 110KB 4f726c44-5914-4f36-b75c-b8f2b4d6acd2.jpg 105KB 0c1f5ce0-879d-4ec3-95cd-522184126596.jpg 105KB d8635035-dfff-4eaf-bb0e-86c9dbaae531.jpg 101KB 3a53e459-e536-471f-a5ee-848cfea1a9a8.jpg 96KB d2fb4362-de33-4331-8179-af6fe1ecc11e.jpg 93KB edb3a105-6a85-4e1b-9dd6-1536c6db88ff.jpg 90KB 50bc91ee-ea46-449c-994b-d0c7ad6f2c90.jpg 87KB de06eed8-ea02-4a2c-ad6c-985fa827effb.jpg 81KB 5b4fda40-8983-41b1-acc2-8c4b3b46505e.jpg 80KB 74f3c078-1852-4bce-bf4e-670b39cb66c0.jpg 76KB 1c46762f-7309-4511-afda-7247f07ec0d2.jpg 75KB 9a40ff01-24cc-4015-937b-4a54c6a85804.jpg 75KB 1c00a9b3-faff-4efc-9d33-76ff19486114.jpg 70KB ac1992ef-45d6-4458-a817-997fe99e82a1.jpg 70KB f28cda32-9291-4644-8b5a-236132029a15.jpg 66KB 27054f39-8aad-4213-b6af-77b6add5d0c0.jpg 61KB 549f66a2-4074-4f5a-a133-5ed83b0ef799.jpg 60KB 5f6afdee-c91d-47c3-a5fd-2a25028dd4f9.jpg 56KB 120f61ab-6720-4d81-beb8-7e8e2baba9b7.jpg 55KB 7251a369-6e68-4b97-bc94-80710e8353f4.jpg 52KB df4313ec-fc9c-4dd6-9b14-7030ee9a688b.jpg 52KB 9fcc3e71-2599-4545-a15d-ff3406b32747.jpg 50KB 61e630dd-c703-4b9b-8961-ddd837a335d8.jpg 48KB 25e835f1-f473-4970-a6eb-05de9d3b88e0.jpg 47KB f92bee55-42e2-4bf6-ac8a-107f2af1aa3f.jpg 46KB 4a343d71-948b-4ae4-9e00-838e15683097.jpg 45KB c59378b3-56c0-4810-9091-9a76241003c5.jpg 38KB 5423dcfa-c49a-462e-8e98-8f18fbbeb81a.jpg 25KB 330f015c-6770-47b5-aa32-54e7fb62b8f6.jpg 23KB 26e9b0ed-8729-45b4-b195-486ed10fd0a3.jpg 15KB共 346 条
- 1
- 2
- 3
- 4
资源评论
不走小道
- 粉丝: 3373
- 资源: 5053
最新资源
- 毕设-java-swing-酒店管理系统(ppt+ER图+流程图+需求背景数据库+架构说明有lun文视频源码齐全)3.zip
- flink、spark和hive处理大数据demo.zip
- Generate dialog data from documents using LLM like ChatGLM2 or ChatGPT;利用ChatGLM2,ChatGPT等大模型根据文.zip
- iOS项目中处理国际化文件数据导入导出脚本，方便自己，方便大家.zip
- 内网渗透实战技巧 PDF文件
- java 大数据 spark flink redis hive hbase kafka 面试题 数据结构 算法 设计模式.zip
- 学习threejs，导入VTK格式的模型
- MNIST CSV格式数据
- 毕设-java-swing-学生选课系统(文档+视频+源码)8.zip
- 抖音小程序紫色ui趣味测评新项目单台手机利润60到138
- 20738f7d508a...c.apk
- 毕设-java-swing-和Oracle飞机订票系统(ppt+ER图+流程图+需求背景数据库+架构说明有lun文视频源码齐全)2.zip
- 毕设-java-swing-员工工资管理系统(文档+视频+源码)9.zip
- LF 20250102.7Z
- vgg11-8a719046.pth
- Allegro Cadence常见问题及解决方法.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
