小强的HTML5移动开发之路（44）——JqueryMobile中的按钮

一、链接按钮

 







 


    

    	链接按钮
    

二、表单按钮

    

    	链接按钮
        

        	
            提交按钮
            
            
        
    

三、图形按钮

立即学习“前端免费学习笔记（深入）”；

            图像按钮1:
            
            图像按钮2：
            @@##@@

四、带图标的按钮

五、按钮定位

            top
            left
            right
            bottom

六、自定义图标按钮

自定义图标

.ui-icon-custom_icon{
	background:url(jquery-mobile/images/icon.png) 50% 50% no-repeat;
	background-size:14px 14px;
}

注意：属性命名规则“.ui-icon-,如上面的.ui-icon-custom_icon

七、分组按钮

        

            菜单一
            菜单二
            菜单三
        

八、主题按钮

            A
            B
            C
            D
            E
            F

九、动态按钮

剪映

一款全能易用的桌面端剪辑软件

下载

还有一种json方式的

	$('动态按钮').insertAfter("#a1").button({
			'icon':'home',
			'inline':true,
			'shadow':true,
			'theme':'b'
		});

上面两种方式都用到了button()插件，button插件具有如下选项：

corners  boolean

icon string

iconpos string

iconshadow boolean

initSelector  css selector string

inline boolean

shadow boolean

button插件有如下两个方法：

$("#button1").button("enable");

$("#button2").button("disable");

全部代码如下：

 








 


    

    	链接按钮
        

        	
            提交按钮
            
            
            图像按钮1:
            
            图像按钮2：
            @@##@@
			
            
   			
   			
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            top
            left
            right
            bottom
            
            自定义图标
            
            A
            B
            C
            D
            E
            F
        
    

以上就是小强的HTML5移动开发之路（44）——JqueryMobile中的按钮的内容，更多相关内容请关注PHP中文网（www.php.cn）！