jQuery mobile 学习03 按钮基础
来源:互联网 发布:航空业未来 知乎 编辑:程序博客网 时间:2024/06/16 08:12
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html> <html><head><title>JQM TITLE</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="jqm/jquery.mobile-1.4.5.css" /><script src="jqm/jquery-1.11.2.js"></script><script src="jqm/jquery.mobile-1.4.5.js"></script><style type="text/css">.ui-icon-custom{background:;}</style></head><body><div data-role="page" id="index" data-add-back-btn="true"><div data-role="header" data-add-back-btn="false"><h1>页面标题区域</h1></div><div data-role="content"><p>页面内容区域</p><br/><br/><!-- 给按钮添加图标,及调整图标的显示位置 --><a data-role="button" data-icon="home" >按钮一</a><a data-role="button" data-icon="back" data-iconpos="right">按钮二</a><a data-role="button" data-icon="refresh" data-iconpos="top">按钮三</a><a data-role="button" data-icon="delete" data-iconpos="bottom">按钮四</a><a data-role="button" data-icon="plus" data-iconpos="notext">按钮五</a><br><!-- 按钮显示在一行上显示,如果数量比较多,就会折行 --><a data-role="button" data-icon="minus" data-inline="true">按钮六</a><a data-role="button" data-icon="search" data-inline="true">按钮七</a><a data-role="button" data-icon="alert" data-inline="true">按钮八</a><br><!-- 自定义一个图片样式 的按钮 注意head区域的自定义样式代码结合 --><a data-role="button" data-icon="custom">按钮九</a><br><!-- 设置分组按钮 --><!-- 默认垂直方向排列 --><div data-role="controlgroup"><a data-role="button">组内按钮一</a><a data-role="button">组内按钮二</a><a data-role="button">组内按钮三</a><a data-role="button">组内按钮四</a></div><!-- 水平方向排列 屏幕宽度太小自动折行 按钮长度和文字长度有关系--><div data-role="controlgroup" data-type="horizontal"><a data-role="button">一</a><a data-role="button">二</a><a data-role="button">三</a><a data-role="button">水平组内按钮四</a><a data-role="button">水平组内按钮五</a></div></div><div data-role="footer"><h2>页面底部区域</h2></div></div></body></html>
0 0
- jQuery mobile 学习03 按钮基础
- jQuery-Mobile学习(按钮)
- 【Jquery mobile】基础学习
- jQuery Mobile基础 学习笔记
- jQuery Mobile 按钮
- jQuery Mobile的按钮
- jquery mobile按钮
- jquery-mobile按钮
- jQuery Mobile 按钮、图标
- jQuery Mobile 按钮
- jquery mobile 按钮(一)
- jquery mobile 按钮(二)
- jQuery Mobile基础学习(1)
- jQuery Mobile的学习时间botton按钮的事件学习
- jQuery Mobile的学习时间botton按钮的事件学习
- jQuery Mobile基础03----jQuery Mobile Widgets-button
- jQuery Mobile 组件 之 按钮
- jquery mobile 按钮大小修改
- maven项目添加jar包
- IOS开发键盘上方的view随着键盘的弹出、收起、键盘输入法改变而移动
- php事物处理【转载】
- ASP.NET中使用开源组件NPOI快速导入导出Execl数据
- 安装WebStorm会遇到的问题小结
- jQuery mobile 学习03 按钮基础
- 字符串的分割与拼接
- 第一次的html网页编辑-登陆界面
- 敏捷宣言遵循的原则
- POJ 1004
- @property 和 @synthesize
- Ubuntu系统下Angularjs开发环境安装
- 自定义ClassLoader的简单例子 - bitan????s java - CSDNBlog
- 邮槽和命名管道的区别