【html5构建触屏网站】之touch事件
前言 一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。 手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。 Apple在iOS 2.0中引入了触摸事件API ...
原文：【html5构建触屏网站】之网站尺寸
本文分为两个部分，第一部分讨论跨平台网站的可行性，第二部分讨论viewport是如何设置的 开发跨平台网站 靠标签的自适应宽高实现多尺寸通用 标签宽高可以自适应没错，我们很早就可以这么做了。但是你会发现很多pc端的传统网站还是会把宽度固定。 淘宝采用 px宽度，搜狐 px... 为什么我们不让网站自适应宽高呢 那是因为，如果我们听任标签宽度被浏览器任意拉伸，将导致极差的体验：你不会希望当浏览器被缩 ...
2012-12-19 12:29 1 9270 推荐指数：
相关推荐
html5之移动触屏事件
HTML5的javascript touch事件 HTML5+CSS3, javascript Add comments 四 28 2013 以下是几种普及得比较好的触摸事件，可以在绝大多数现代浏览器 ...
怎么制作html5网站页面让它适应电脑和手机的尺寸
https://zhidao.baidu.com/question/918130826792192539.html 用以下代码开头：<!DOCTYPE HTML><html><head><meta charset="utf-8">< ...
基于Html5的爱情主题网站–表白神器
介绍 一个基于基于Html5的爱情主题，文字采用打字机效果，逐字打印，并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效，chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果（暂未解决）。 技术要点 文字效果采用本地化字体 ...
html5 touch事件实现触屏页面上下滑动(二)
五一小长假哪都没去，睡了三天，今天晕晕沉沉的投入工作了，但还是做出了一点点效果 上周用html5的touch事件把简单的滑动做出来了，实现了持续页面上下滑动的效果，参考之前 的文章及代码html5 touch事件实现触屏页面上下滑动(一) 今天主要实现了一个效果：页面滑动 ...
HTML5触屏版多线程渲染模板技术分享
前言： 了解js编译原理的屌丝们都知道，js是单线程的，想当年各路神仙为了实现js的多线程，为了解决innerHTML输出大段HTML卡页面的顽疾，纷纷设计了诸如假冒的“多线程“实现，我自己也在写开源框架KitJs时候，写过类似的组件http://www.cnblogs.com ...
html5 touch事件实现触屏页面上下滑动(一)
最近做的做那个app的项目由于用overflow：hidden导致了很多问题，于是决定研究下html5的touch事件。想找个全面点的帖子真是难死了，虽然好多关于html5 touch的文章但大多都是介绍touch事件或者很简短的小demo。 下午好生研究了下终于搞出了个比较全面的上下滑动的小 ...
手机端html5触屏事件(touch事件)
touchstart：触摸开始的时候触发 touchmove：手指在屏幕上滑动的时候触发 touchend：触摸结束的时候触发 而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）： touches：当前位于屏幕上的所有手指的列表 ...