Tag: iphone

php jquery 仿iphone滑动效果制作,说明+源码下载

admin | CSS&HTML, PHP | 2010-08-18
【jQuery】仿IPhone的滑动操作效果. 只能用鼠标而不是用手哟。 最新的整理: http://www.php8848.com/wp/2642.html 该iphone滑动效果在伊凡的这篇文章的基础上进行修改:http://fxz-2008.javaeye.com/blog/521171 demo:http://www.php8848.com/demo/iphone/iphone_list.php 下载地址:仿iphone滑动效果源代码下载:download jquery 仿iphone滑动效果... [阅读全文]

本站正式使用 WPTouch,iphone等客户端均可访问

admin | 其他技术 | 2010-03-16
本站正式使用 WPTouch,iphone等客户端均可访问 本站正式使用 WPTouch,iphone等客户端均可访问 本站正式使用 WPTouch,iphone等客户端均可访问 [阅读全文]

编写 iPhone Friendly 的 Web 应用程序 (Part 6 – iUI)

admin | 其他技术 | 2010-03-11
iUI是一个针对iPhone Safari的Web开发框架,由Joe Hewitt开发。这位Joe Hewitt曾经参与过Firefox的开发,包括其中的DOM Inspector以及Firebug,后来到了Facebook,为Facebook开发了iPhone专用版本,对iPhone Web开发社区算是作出了巨大贡献。 样式 我们继续说iUI这个框架。这个框架所做的事情,就是提供iPhone Friendly的交互方式与样式。为了简单... [阅读全文]

编写 iPhone Friendly 的 Web 应用程序 (Part 5 – 交互入门)

admin | 其他技术 | 2010-03-11
无AJAX交互 第一种我们要看的交互,是完全不使用JavaScript, 这其中一个例子就是GMail。GMail的iPhone版其实就是由普通的GMail移动版 修改过来的,界面上更贴近桌面版GMail了,然而交互性并没有怎么提高,每一个点击都对应一次刷新,没有任何AJAX可言。 事实上, 不用任何AJAX效果并不会让你的iPhone Web App低人一等,如果有人讥笑你的应用没有引入... [阅读全文]

编写 iPhone Friendly 的 Web 应用程序 (Part 4 – CSS)

admin | 其他技术 | 2010-03-11
说到编写CSS,大家的第一反应肯定是——有没有选择性CSS。有!我们可以设计一个CSS,使得只有iPhone上的Safari会采用它,其 他浏览器都会无视它,这样我们就可能可以复用现有的XHTML页面代码,仅仅为它们引入新的CSS就能够适用于iPhone,无须重新编写页面。这个选择 性 CSS链接语句如下: <link media="only screen and  (max-device-width: 480... [阅读全文]

编写 iPhone Friendly 的 Web 应用程序 (Part 3 – XHTML)

admin | 其他技术 | 2010-03-11
在接下来的两篇文章中,我们将探讨iPhone上的Safari所支持的XHTML与CSS,之后才进入JavaScript的 讨论。作为一款现代化的浏览器,Safari当然是基于标准的,那就让我们看看Safari支持哪些标准吧: * HTML 4.01 * XHTML 1.0 * CSS 2.1 以及部分 CSS 3 * JavaScript (ES3) * DOM (Level 2) * AJAX (XMLHttpRequest) 熟悉这些标准并且平常也坚持Web Standa... [阅读全文]

编写 iPhone Friendly 的 Web 应用程序 (Part 2 – Viewport)

admin | 其他技术 | 2010-03-11
在了解到iPhone的一些常见布局法后,我们就可以开始着手编写一个真正能在iPhone上跑的页面了。小声说一句,之前我说要布局讨论完 了,要进入交互逻辑开发,后来细心一想发现不行,有些东西不讲的话将会对布局带来问题,绕过去的话并不怎么优雅,因此继续讲布局。 首先 要说的就是viewport,也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么... [阅读全文]

编写 iPhone Friendly 的 Web 应用程序 (Part 1 – 布局入门)

admin | 其他技术 | 2010-03-11
用过iPhone的朋友应该知道,iPhone上面的一些应用程序是能够随机器转动自动适应的,也就是说竖着拿的时候就竖着显示,横着拿的话就横着 显示,iPhone中至关重要的Safari浏览器当然也支持这一点了,因此我们考虑设计iPhone friendly的应用程序时,首先要考虑兼容这种情况,不能把页面定死在一个宽度上。且慢,我们不是说设计自己的应用程序吗?这和内置... [阅读全文]

编写 iPhone Friendly 的 Web 应用程序

admin | 其他技术 | 2010-03-11
Mobile Safari自身会处理多点触击,默认行为包括滚动和缩放。我们可以接管相应的事件,同时使用e.preventDefault()禁 用浏览器默认行为,使得我们的Web应用程序能够如同WPF桌面应用一样处理多点触击。下面我们来深入看看Mobile Safari提供的多点触击事件 。 单 点触击 首先我们要处理的是单点触击事件,禁用浏览器的滚动行为,同时为我们的照片(一个im... [阅读全文]

iphone scrollTop(滚动条高度)兼容Safari,Safari,IE6,IE7,IE8,Firefox2(FF2),Firefox3(FF3)

admin | CSS&HTML, 其他技术 | 2010-02-24
兼容Safari,Chrome,IE6,IE7,IE8,Firefox2(FF2),Firefox3(FF3)的scrollTop scrollTop-滚动条高度,滚动条在网页窗口中已滚动的距离,即滚动条距离网页顶端的距离,经常用于保证弹出层在浏览器中显示时的垂直居中。 除了webkit内核的浏览器,一般情况下,使用 document.documentElement.scrollTop 在webkit内核的浏览器如chrome、safari中,方法失效,这... [阅读全文]
Ɣ回顶部