页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

jQuery美化表单Fancyform

表单 HTML我帮您 1年前  次浏览
jQuery美化表单Fancyform提供了一个很好的和优雅的方式来改变你的HTML元素到自定义风格的元素。它是建立在jQuery框架,易定制。你可以美化input:radio, input:checkbox, select和textarea。 jQuery美化表单Fancyform
$("input:checkbox").transformCheckbox({
	checked: "/images/content/filterBoxCheckboxChecked.jpg", // Checked image
	unchecked: "/images/content/filterBoxCheckbox.jpg",		// Unchecked image
	disabledChecked : "/images/content/filterBoxCheckboxDisabledChecked.jpg", // Disabled checked image
	disabledUnchecked : "/images/content/filterBoxCheckboxDisabledUnChecked.jpg", // Disabled unchecked image
	tristateHalfChecked : "/images/content/filterBoxCheckboxDisabledUnChecked.jpg", // Tri-state image
	changeHandler: function (is_checked) { }, // handler when checkbox is clicked
	trigger: "self", // Can be self, parent
	tristate : false // Use tri state? need to be ul > li > checkbox // ul > li > ul > li > checkbox
});

$("#select2").transformSelect({
	acceptManualInput : true,
	showFirstItemInDrop : false
});
   

相关链接

版权所有

发表评论