=DLSS=webZT

2016年3月11日

摘要：代码演示 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link rel=" 阅读全文

posted @ 2016-03-11 13:38 =DLSS=webZT 阅读(417) 评论(0) 推荐(0) 编辑

jquery mobile将页面内容当成弹框进行显示

摘要：注：必须使用相对应版本的jquery mobile css。不然无法正常显示 1 <div data-role="page" id="pageone"> 2 <div data-role="header" > 3 <h1>头部</h1> 4 </div> 5 <div role="main" > 6 阅读全文

posted @ 2016-03-11 13:27 =DLSS=webZT 阅读(287) 评论(0) 推荐(0) 编辑

2016年3月10日

使用padding-top实现自适应背景图片

摘要：在父级容器中设定最大的宽度，由于背景图片会出现塌陷的情况，有宽度无高度，则，在图片容器中添加以下属性 padding-top:%(计算方式：图片的高度/图片的宽度*100%) background-size:cover设定背景图片铺满全屏；由于ie8及以下，不支持background-size: 阅读全文

posted @ 2016-03-10 16:59 =DLSS=webZT 阅读(325) 评论(0) 推荐(0) 编辑

jquery mobile 复选框和单选框

摘要： checkbox 和radio 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title 阅读全文

posted @ 2016-03-10 10:57 =DLSS=webZT 阅读(781) 评论(0) 推荐(0) 编辑

jquery mobile 按钮部件（包含图标的使用）

摘要：参考网址：http://api.jquerymobile.com/1.3/button/ 注：按钮的三种写法 <a href="#" class="ui-btn ui-shadow" >按钮</a> a标签没有阴影效果，需要添加阴影ui-shadow <input type="button" val 阅读全文

posted @ 2016-03-10 10:41 =DLSS=webZT 阅读(665) 评论(0) 推荐(0) 编辑

jquery mobile页面切换效果(Flip toggle switch)(注：jQuery移动使用的数据属性的列表。 )

posted @ 2016-03-10 09:27 =DLSS=webZT 阅读(564) 评论(0) 推荐(0) 编辑

2016年3月9日

jquery mobile基本结构搭建

摘要：官网：http://jquerymobile.com/ 基本结构：下载安装包后，引入需要的文件，页面基本结构（单页模板结构） 1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>Page Title</tit 阅读全文

posted @ 2016-03-09 16:59 =DLSS=webZT 阅读(378) 评论(0) 推荐(0) 编辑

公告