摘要： 基于zepto的手机焦点图，查看地址：demo （建议使用手机浏览器查看）代码如下：zepto实现手机网站焦点图触屏划动效果1111222233334444555511112222333344445555 阅读全文

摘要： 处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生，可以通过touch event handler的event对象取到,如果基于zepto.js开发，一般是通过event.touches[0]来获取属性。重要属性如下：clientX,clientY:触摸点相对于浏览... 阅读全文

摘要： * Zepto.js v1.0.1 touch extend (Zepto.js v1.0.1 的swipe touch扩展)js-处理手机移动端web触屏手势动作。Zepto.js v1.0.1版本的touch.js模块引入使用后会导致页面很卡的情况，所以开发了一个新的扩展插件来替换其touch.... 阅读全文

摘要： 源码：// Zepto.js// (c) 2010-2015 Thomas Fuchs// Zepto.js may be freely distributed under the MIT license.;(function($) { var touch = {}, touchTim... 阅读全文

摘要： 确认选择除了向用户提供信息，我们还希望从用户那里获得信息。这里就用到了confirm 消息对话框。语法：confirm(str);参数说明：str: 在消息对话框中要显示的文本，返回的是布尔值。当点击“确定”按钮时，会返回true，点击“取消”按钮时，返回的是false。示例： 确认选择 '提示有时... 阅读全文

摘要： 在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。浏览器支持Firefox、Chrome 以及 Safari 支持 resize 属性。Internet Explorer、Chrome、Safari 以及 Opera 支持 box-sizing 属性。Firefox 需要前缀 -... 阅读全文

摘要： 通过 CSS3，您能够创建多个列来对文本进行布局 - 就像报纸那样！在本章中，您将学习如下多列属性：1. column-count2. column-gap3. column-rule浏览器支持Internet Explorer 10 和 Opera 支持多列属性。Firefox 需要前缀 -moz... 阅读全文

摘要： 通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS... 阅读全文

摘要： 通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。请把鼠标移动到右侧的元素上：浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。S... 阅读全文

摘要： CSS3 允许您使用 3D 转换来对元素进行格式化。在本章中，您将学到其中的一些 3D 转换方法：1. rotateX()2. rotateY() 2D 旋转 3D 旋转css：#rotate1, #rotatey1 { border: 1px solid #000000; background: ... 阅读全文