分类: 前端技术预览模式: 普通 | 列表

js监听手机键盘弹出的应用

键盘弹出的时候隐藏工具条或者某些元素的示例
程序代码 程序代码

window.SYSTEM =(function (mod) {

        //视图计时器

查看更多...

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

js监听页面滚动方向

不管是移动平台还是桌面平台都有需要监听界面滚动方向的需求,简单实现了页面向上滚动、向下滚动、到达顶部、到达底部事件

程序代码 程序代码


(function( $ , undefined ){

查看更多...

Tags: 滚动 方向 顶部 底部

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

移动端浏览器私有meta属性

UC浏览器私有属性:
程序代码 程序代码

//设置屏幕方向为横屏还是竖屏
<meta name=“screen-orientation” content=“portrait|landscape”>
//设置是否全屏,yes表示强制浏览器全屏

查看更多...

Tags: meta 私有meta 移动端浏览器

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

自定义zepto库

很多朋友在使用从官网下载的的zepto库时,都会发现有很多API无法使用的问题,这是因为zepto默认只打包的最基础的api,很多和事件相关的api都没有被打包到官网提供的zepto库中,如果需要使用完整的库就需要到http://github.e-sites.nl/zeptobuilder/去自定义构建。
分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5338

提取jQueryMobile中的touch和mouse事件

有些比较小的webApp项目经常会不需要依赖jQueryMobile的UI部分,但是对框架中的touch、mouse事件处理机制比较依赖,在这里给大家提取出了jQueryMobile中的事件部分的核心,方便大家开发出轻量级的应用。


下载文件 点击下载此文件

Tags: 提取 jQueryMobile touch mouse 事件

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

使用 jQuery UI Widget Factory 编写有状态的插件(Stateful Plugins)

Note

虽然大多数的 jQuery 插件都是无状态的(stateless),也就是说, 与插件进行交互的就限于调用插件时的那一组对象, 但是有好大一部分功能需求没办法通过这种简单的插件模式来实现。

为了填补这一空白,jQuery UI 实现一套更加先进的插件系统。 它可以管理状态,允许通过一个插件暴露多个函数,并提供多个扩展点。 这套系统被称为 widget factory,对应 jQuery.widget, 也是 jQuery UI 1.8 的一部分。不过,它是可以独立于 jQuery UI 使用的。

查看更多...

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

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 | 查看次数: 8399

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 | 查看次数: 23684