预览模式: 普通 | 列表

CSS3实现层叠效果-(box-shadow应用)


如果你也想实现这样的一个层叠纸张的效果,不妨试试这样写:
程序代码 程序代码
<style>
.content {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 4px 0 -3px #FFFFFF, 0 4px 0 -2px #BEC2C8, 0 8px 0 -5px #FFFFFF, 0 8px 0 -4px #BEC2C8;

查看更多...

Tags: box-shadow 层叠效果

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 8486

jQuery Mobile 1.2 弹出框(Popups)预览(1)


在待发布的1.2版本中正如在官方博客中提到的增加了弹出框部件(Popups),这个部件和对话框(Dialog)部件的不同之处就是在当前页面来创建一个真正的弹出层来展示不同形态的信息,而不是通过跳转到一个新的页面来模拟弹出窗口的效果。这样我们将会有更多的空间来设计我们的应用交互效果。
创建一个弹出窗口部件
这个部件的实现方式和Dialog部件有些类似,同样包含两个部分来实现:
第一部分:触发元素的data-rel定义(data-rel=’popup’)和href中定义弹出层的id(和Dialog不同的是href中这能定义当前页面中的一个div层,而dialog则需要定义一个URL或者是当前页面中的一个page)

查看更多...

Tags: jQuery Mobile 1.2 弹出框 Popups

分类:前端技术 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 23905

jQuery Mobile + PhoneGap 简单记事本

一个jQuery Mobile + PhoneGap 简单记事本小例子,可以到PhoneGap的网站上编译成本地应用。
演示:http://www.uedcool.com/demo/easynote/
下载地址:
下载文件 点击下载此文件

Tags: jQuery Mobile PhoneGap

分类:前端技术 | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 14143