时间:2015-08-27 来源:

jQueryMobile的组件——可展开项(collapsible) 【移动开发】

data-role="collapsible"——指明div为可展开项组件;

data-content-theme="false"——指明展开项内容为去掉边框的样式;

data-collapsed="false"——初始化组件为展开状态;

版权声明:本文为博主原创文章web外包,initial-scale=1.0"> <title>collapsible实例</title> <script src="jquery-2.1.3.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script> <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css" type="text/css"> </head> <body> <div data-role="page"> <div data-role="header" data-position="fixed"> <h1>欢迎来到主页</h1> </div> <div data-role="content" > <div data-role="collapsible" data-collapsed="false"> <h4>初始展开</h4> <p>我展开了么?</p> </div> <div data-role="collapsible" data-content-theme="false"> <h4>默认收起</h4> <p>我展开了么?</p> </div> <div data-role="collapsible"> <h1>列表项</h1> <ul data-role="listview"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> </div> </div> <div data-role="footer" data-position="fixed"> <h1>这是底部</h1> </div> </div> </body> </html>在iPhone6中的效果:

点击次数:2024
作者:
web前端行业资讯
Web new NewsList
英特尔宣布与法拉利跨界合作欲将AI技术用于赛车运动 ,,2018年01月11日甲骨文服务器出漏洞:攻击者用漏洞挖矿获取加密货币 ,,2018年01月11日用深度学习设计图像视频压缩算法:更简洁、更强大 ,,2018年01月11日Ubuntu内核和NVIDIA更新:修复Meltdown和Spectre两处漏洞 ,,2018年01月11日AntDesign3.1.1发布,阿里企业级UI设计语言 ,,2018年01月11日微信「跳一跳」带火小游戏,开发者如何快速上手? ,,2018年01月11日谷歌公布最新安卓系统份额:你用上奥利奥了么? ,,2018年01月11日腾讯开发出“3D音效”算法:普通耳机实现3D实时语音效果 ,,2018年01月11日谷歌工程师点赞中国程序员实现Node.js启动超4倍提速 ,,2018年01月11日三星电子总裁兼CE部门负责人金炫奭:万物互联时代到来 ,,2018年01月11日NVIDIA和大众合作建立智能驾驶助手 ,,2018年01月11日GIMPS项目报告发现已知最大素数 ,,2018年01月11日微软与生物技术公司开展AI驱动的血液检测同时诊断数十种疾病 ,,2018年01月11日微软跨平台移动开发工具套件HockeyApp宣布免费 ,,2018年01月11日《硅谷》里神乎其神的压缩技术,AI正在一点点做出来 ,,2018年01月11日LinuxMint19代号敲定为“Tara”预计2018年5月至6月期间发布 ,,2018年01月11日Facebook发布wav2letter工具包,用于端到端自动语音识别 ,,2018年01月11日开源数据库ArangoDB正进行约1156万美元股权融资 ,,2018年01月11日IntelCPU漏洞闹大:腾讯云紧急升级 ,,2018年01月11日2018年1月全球数据库排名:Redis夺回第八 ,,2018年01月11日Lyft将联手无人驾驶公司于CES上展示无人驾驶汽车 ,,2018年01月11日京东X无人超市首家社会门店开业:刷脸进、微信自动结算 ,,2018年01月11日担心被AI取代是杞人忧天?高晓松跨年演讲说的有几分对 ,,2018年01月11日免费授权技术许可Intel宣布在未来CPU中集成雷电3 ,,2018年01月11日算法决定你在社交媒体上看到的信息 ,,2018年01月11日谷歌安全博客披露“英特尔内核漏洞”更多细节 ,,2018年01月04日Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日SpringMVC中出现"400BadRequest"错误(用@ResponseBody处理ajax传过来的json数据转成bean)的解决方法 【综合】2015年02月13日hdu4773ProblemofApollonius【编程语言】2014年11月20日JDBC:通过Statement执行数据表的更新操作【综合】2015年02月11日POJ1981CircleandPoints 【综合】2015年03月09日UnrealEngine4(UE4)下载教程 【编程语言】2015年05月27日3D-AVS里面的一些变量缩写 【架构设计】2015年03月26日jqueyr判断checkbox组的选中(示例代码)2014年01月29日ios中设置button为不能点击且变灰 【编程语言】2015年01月19日javascript读取XML数据,在页面中展现、编辑、保存的实现2014年01月29日git和gitHub在Eclipse和AndroidStudio中的使用 【移动开发】2015年07月28日android中Bitmap的放大和缩小实例代码2014年01月30日PreferPrinciples,Axioms,andAnalogiestoOpinionandTaste【云计算】2015年08月27日未来Web设计的7大趋势【系统运维】2015年08月24日QtQuick里的图形效果:阴影(DropShadow) 【移动开发】2015年04月02日479A-Expression【编程语言】2014年12月16日移动端Web开发调试之Chrome远程调试(RemoteDebugging) 【数据库】2015年01月09日osgi环境下hibernate4配置【移动开发】2014年12月11日计蒜之道初赛第一场题解【Web前端】2015年07月20日观点|为什么说云主机比物理机故障率更低? 【综合】2015年08月27日Windows8重装只需6分钟:重置刷新功能详解 ,,2016年07月24日IOS8Map 【综合】2015年05月18日Shiro学习(23)多项目集中权限管理【综合】2015年08月03日论坛推广四要素2014年01月28日绿色风格清新自然的Logo设计图片欣赏2014年01月28日hbase伪分布安装 【编程语言】2014年11月26日洞察力之脑洞大开【移动开发】2015年01月04日【网络流】最大流最简单的Ford-Fulkerson算法 【移动开发】2015年06月05日Swift实现UIKitDynamic动画 【编程语言】2014年12月17日IOS使用jenkins进行持续集成第二篇 【架构设计】2015年05月25日Ubuntu开启IPV6,解决Gmail等google服务不稳定问题【Web前端】2015年04月17日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)