40个CSS/JS设计风格和作用技术性解决

日期:2021-03-22 类型:科技新闻 

关键词:h5平台,手机端网页,手机端网页模板,免费的h5场景制作平台,h5制作工具

1-Styling dropdown select boxes-  装饰往下拉目录。


2-<select> Something New, Part 1-  应用1点 DOM scripting 和1些有艺术创意的CSS,你能让往下拉目录漂亮的多。


3-Styling even more form controls- 这是对HTML表模块素的操纵,根据CSS能操纵checkbox挑选的不一样显示信息实际效果。


4-Check it, don’t select it- 当多选框挑选元素太多,让挑选项能够翻转的实际效果。demo编码在这里: here.


5-DropDown - xHTML/CSS/Javascript replacement of classic selectbox- 这是1个取代传统式往下拉目录的demo。


6-Masked Input Plugin- 这是对jQuery库开展改动后的实际效果,出示给客户更便捷键入和开展认证。编码在 Internet Explorer 6/7, Firefox 1.5/2, Safari, 和 Opera上检测根据.


7-Custom Checkbox with jQuery- 出示订制化的checkbox实际效果。有 Safari skin 和 default skin两种皮肤供挑选。


8-LiveValidation- LiveValidation 是1个小开源系统 javascript 库,出示顾客端键入认证。


9-FancyForm- FancyForm 是1个强劲的checkbox取代脚本制作,出外观和作用层面出示最强的灵便性。

 


10-Styling disabled text inputs-  1个不能键入的文字键入框。查询demo编码: Styling disabled form controls with CSS


11-PrettyCheckboxes- 1个简易的 jQuery 软件 来订制checkbox和radio buttons的外型。


12- Building a better web forms: Context highlighting using jQuery- 当客户键入聚焦点转变时,键入框实际效果转变,demo编码在这里:here


13-Control.SelectMultiple  这是往下拉目录和checkbox另外应用的事例,很酷。

 


14- Justify elements using jQuery and CSS- 建立1个表单,內部元素必须精准精准定位对齐,你可使用jQuery轻轻松松保证这1点.


15-jQuery Form Input Example Plugin- 1个 jQuery 软件,在客户键入聚焦点进到后提醒文本消退,许多网站用这1招。demo编码在这里: here.


16-Jquery-Autotab- 全自动tab自动跳转,也是1个 jQuery 软件。

 


17-jquery-asmselect- 往下拉目录的提高版。demo编码这里: here and here.


18-jQuery.AddToList- 1个十分便捷订制的jQuery软件,往下拉显示信息更多內容,根据AJAX方法新增內容,假如新增取得成功,变成往下拉菜单的选项之1。很有效的技能,Demo编码这里: here.


19-Easy Multi Select Transfer with jQuery- 1个jQuery完善的菜单挑选事例。


20-fValidator- fValidator 是1个开源系统完全免费 javascript 专用工具,出示简易表单认证。事例在这里: examples .


21-Grow a textarea- 出示再次界定textarea框尺寸的作用。

 


22-jQuery selectbox replacement-  1个 jQuery 软件,出示更好页面更换HTML往下拉目录。demo编码在这里: here.


23-Unobtrusive Slider Control V2- 根据键入值拖动块精准定位,和更改色调等。demo事例在这里: here.


24- jQuery Field Plug-in- jQuery软件,出示强劲的form表单操纵作用,例如文档提交种类等。

 


25-jquery.combobox- jquery.combobox是1个有效的建立HTML设计风格combobox专用工具。 demo编码在这里: here.

 


26-Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements- 这个 JavaScript 和 CSS 出示可订制的照片做为情况给checkbox, radio buttons 和 select lists.


27-ToggleFormText plug-in example- ToggleFormText 是1个 jQuery 软件出示键入框协助文本显示信息。

 


28-Password field with strength meter- extjs库,显示信息登陆密码强度。

 


29-STYLING FILE INPUTS WITH CSS AND THE DOM- 幽美的文档键入框设计方案。

 


30-Pin plugin for Prototype, Remember Field’s Values- prototype 的 Pin 软件出示纪录某个键入框值的作用。demo编码: here.


31-accessible, javascript-enhanced, css-able form elements for mootools- 1个mootools javascript-class 顾客订制元素,可以根据CSS订制你的 checkboxes 和 radiobuttons 。


32-Resizeable Textboxes- 重界定text键入框的尺寸。


33-Resizeable Textboxes- 用照片替代按钮,用 JavaScript 和 jQuery写的.  demo 这里:here.


34-jQuery AlphaNumeric- jQuery AlphaNumeric 是1个 javascript操纵软件,限定textboxes 或 textareas键入标识符长度。


35-Mootools Form Hints- Mootools/Javascript Form 出示键入框线上协助。

 


36-MultiSelect- 往下拉挑选框+checkbox实际效果。事例在这里: here.


37- Watermark Input Plugin- 这是1个jQuery软件,显示信息额外信息内容的键入框。


38-Select box manipulation


39-Spinner Control 


40-Autohelp