按钮[button]
自定义的按钮控件,灵活定制,不拘一格 按钮网页控件按钮
如何使用
引入CSS
<style type="text/css" src="/media/css/elfWidgetDefine.css"></style><!--控件定义-->
<style type="text/css" src="/media/css/elfWidgetColor.css"></style><!--控件配色-->
-html方式创建按钮:
<a href="#" class="button"><span>常规按钮</span></a>
<a href="#" class="button"><span class="M">中号按钮</span></a>
<a href="#" class="button"><span class="L">大号按钮</span></a>
<a href="#" class="button"><span class="contrast">常规按钮</span></a>
<a href="#" class="button"><span class="contrast M">中号按钮</span></a>
<a href="#" class="button"><span class="L contrast">大号按钮</span></a>
<a href="#" class="button"><span class="M careful">删除</span></a>
<a href="#" class="button disable"><span class="M">禁用</span></a>
-javascript方式创建按钮:
//...(敬请关注)
注意事项
1.M为中号,L为大号,默认为小号.
2.您可以根据项目不同修改配色文件elfWidgetColor.css
下载
责任声明
- 代码开源,对应方法开放,用户可以免费使用,但作者保留代码的升级及修改的权利;
- 由于代码以自愿使用为原则,作者不承担任何法律责任,特此声明!
- 如果您有任何疑问,您也可以联系作者(baiyukey@qq.com),我会非常乐意为您解疑.