- 博客(11)
- 资源 (38)
- 收藏
- 关注
原创 jquerymobile-12 拆分按钮列表(Split button lists)
在开发的过程中我们需要在列表上做一些操做,这时候我们就可以在列表的结尾,添加一些可操作的按钮。jquerymobile为我们提供方便的方式实现这样的功能,只要我们在ul中添加data-split-icon属性就可以了。这个属性的可选值在 jquerymobile常用data属性这篇文章中列出了一部分。下面给一个例子代码:List Divider Example
2013-01-31 22:44:30 5794 9
转载 jquerymobile常用data属性
data-role参数表:page 页面容器,其内部的mobile元素将会继承这个容器上所设置的属性 header 页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等元素footer 页面页脚容器,这个容器内部也可以包含文字、返回按钮、功能按钮等元素content 页面内容容器,这是一个很宽容的容器,内部可以包含标
2013-01-31 22:33:48 15791
原创 jquerymobile-11 在list中使用缩略图和icon
有时候我们需要在list中的每一项上添加上缩略图,这时候我们就可以直接插入一个img标签,jquerymobile会为我们自动渲染成带缩略图的。下面看一个例子代码:Thumbnail Example My Header Raymond Camden Scott Stroz Todd Sharp Dave Ferguso
2013-01-30 19:20:28 8254
原创 jquerymobile-10 为list添加数字气泡(count bubbles)
在项目中,我们一般使用list显示一个列表,如果这个列表还有子项的时候,有时候我们需要在上面加上子项的数目,这时候我们就可以使用jquerymobile提供的CSS类中的ui-li-count类实现这样的效果。一段例子代码如下:Count Bubble Example My Header Cookies Eaten A 9 B 4
2013-01-29 19:35:14 5661
原创 jquerymobile-9 inset list和list divider
很久没有写博客了,最近一段时间懒了,嘿嘿。今天介绍一下inset list和list diveder。在上篇文章中介绍了list,但是那个list是最基本,并不是太美观。我们可以使用jquerymobile的data-inset属性让其变得美观一下。代码如下:Inset List Example My Header 1 2 3
2013-01-28 21:39:40 6005 1
原创 jquerymobile-8 List简单使用
在开发的过程中我们会用到list显示一个列表,或者其他的东西。在普通的html中我们可以使用如下代码: Raymond Camden Scott Stroz Todd Sharp Dave Ferguson这样能创建一个默认的列表,然后我们使用CSS修改为自己想要的样式。在jquerymobile中我们达到同样的样式只需要为其添加data-role="content"。修改后
2013-01-16 19:39:25 5183
原创 jquerymobile-7 导航和多页面固定导航
在开发的过程中,我们经常会遇到在页面的底部有一排按钮,我们可以根据这些按钮切换页面,或者执行一些动作。在jquerymobile中我们可以在footer和header上添加这样的导航。下面看一个例子代码:data-role="page" Home Home Credits Contact Th
2013-01-15 20:43:15 27501 3
原创 jquerymobile-6 自适应header、footer和全屏视图
在开发的过程中我们开发的页面可能会非常的长,我们在页面的两端放置了header和footer。这样的页面当我们滚动的时候,header和footer会随着滚动而滚到屏幕外,这时候我们如果想操做header和footer必须再滚动回去。jquerymobile为我们考虑了这种情况,在这种情况下我们可以点击屏幕,然后消失的header和footer就会出现,再次点击的时候就又会消失。如果我们正在文章的
2013-01-14 20:57:06 19114 2
原创 jquerymobile-5 back button和footer
使用jquerymobile的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果这个页面有多个入口(即可以从多个页面跳入本页面),那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的data-add-back-btn属性,并将其值设为true。这样jq
2013-01-10 21:53:27 9240
原创 jquerymobile-4 header和data-icon
今天想了一下,写东西就要用最简单的语言,讲清楚你想表达的就可以了,最后我认为在代码中添加注释,最后配以简单说明就可以了。扯了两句,下面写今天的内容。在jquerymobile页面中,一般都会有一个header,在header一般我们会添加一两个按钮,这时候我们就可以在header中添加两个a标签,jquerymobile会自动将其的外观增强为按钮,下面看一段代码:Header Exa
2013-01-09 22:18:51 5973
原创 jquerymobile-3 page title和网页预提取(Prefetching content)
使用jquerymobile的时候有时候我们会在同一个页面中写多个页面,但是在切换的时候,在浏览器显示的title总是同一个。我们需要不同的页面显示不同的title,这时候我们可以在data-role后面添加data-title属性,设置自己需要的title内容。下面一个例子代码: Multi Page Example (2) Welcome Welcom
2013-01-08 21:46:34 4639
Android数据存储1:文件、SharedPreferences和获取sd卡信息
2014-03-05
Spring Cloud 入门(1)-- 第一个 Kotlin 微服务 源码
2017-12-06
模仿支付宝进入到后台界面模糊第二种
2015-01-12
模仿支付宝进入到后台界面模糊第一种
2015-01-12
java框架整合例子(spring、spring mvc、spring data jpa、hibernate)
2014-10-13
des加密java-ios.zip
2014-10-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人