素材网 素材网

web手机移动端各种表单按钮美化特效

下载资源()次

阅读次数()次

发布时间:2014-03-13

web手机移动端各种表单按钮美化特效
分享到:

用法简介:

来源:xw素材网

web手机移动端各种表单按钮美化特效。

手机移动端各种按钮的代码,支持iOS,Android(暂不支持WP)等系统以webkit为内核的浏览器,建议在PC端用以webkit为内核的浏览器(如:Google Chrome)中缩小浏览器窗口宽度查看效果,PC端查看效果需要用鼠标按住导航拖动以模拟手机上手指拖动的效果。

文件引用:

<script type="text/javascript" src="js/zepto.js"></script>
<script type="text/javascript" src="js/mobileevent2pc.js"></script><!--此js为在PC端方便查看效果,用在手机上,可去掉此js-->
<script type="text/javascript" src="js/zepto.extend.js"></script>
<script type="text/javascript" src="js/zepto.highlight.js"></script>
<script type="text/javascript" src="js/zepto.ui.js"></script>
<script type="text/javascript" src="js/widget/button.js"></script>
<script type="text/javascript" src="js/widget/button.input.js"></script>
<script>
    $('.button').button();
    $('#button11, #button12, #button13, #button14, #button15').button();
	$('#btn1').button({
        click: function() {
            this.disable();
        }
    });
    $.ui.button({
        label: '复选按钮1',
        type: 'checkbox',
        container: '#btsn_create'
    });
    $.ui.button({
        label: '复选按钮2',
        type: 'checkbox',
        container: '#btsn_create'
    });
    $.ui.button({
        type: 'radio',
        label: '单选1',
        attributes: {
            name: 'test'
        },
        container: '#btsn_create'
    });
    $.ui.button({
        type: 'radio',
        label: '单选2',
        selected: true,
        attributes: {
            name: 'test'
        },
        container: '#btsn_create'
    });
</script>


   

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。