在写响应式的html5页面的时候,有时候需要禁止左右滑动,但是允许上下滑动 如果这样做监听 [js] div.addEventListener('touchmove',function(event){ event.preventDefault();//阻止浏览器的默认事件 }) [/js] 那么左右也不能滑动了 所以这样做 [js] var xx,yy,XX,YY,swipeX,swipeY ; div.addEventListe...
html5 移动终端页面的上下左右滑动问题
- 0
在写响应式的html5页面的时候,有时候需要禁止左右滑动,但是允许上下滑动 如果这样做监听 [js] div.addEventListener('touchmove',function(event){ event.preventDefault();//阻止浏览器的默认事件 }) [/js] 那么左右也不能滑动了 所以这样做 [js] var xx,yy,XX,YY,swipeX,swipeY ; div.addEventListe...
一般来说要使用css控制div自动延伸到窗口100%高度,需要设置div的父级元素 [css] html{ height:100%;_height:100%;} body{ height:100%;_height:100%;} .minheight{ background:#CCC; width:200px; min-height:100%;_height:100%;} [/css] 除此之外还可以通过js来设置。如果单纯的只设置这个div为100%是没有作用的...
这个是一个很流行的清除浮动的方法,在很多大项目上已经被完全采用。 这个方法来源于positioniseverything,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。[css] .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: bloc...
简单实现原理上抽奖,丰富的功能可在此基础上不断完善, 用到的文件: index.html index.css index.js employee.js jquery.js 依次列出各个文件: index.html:[html] <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Typ...
这里给出一个简单的小实例,没设计太多逻辑,只不过用了几个事件而已,更加完善的东西可以自行修改斟酌:[html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199...
js的数组是一个很好用的东西,当然在js全民皆对象的形势下,也有很多不好的地方,例如我们在很多语言,java,php都有很多的现成类库实现数组的随机打乱,在js中我们不是很方便,于是来写一个js数组随机打乱顺序的程序:[shell] function shuffle(arr) { //使用while这个方法在数组数小的时候,随机效果不如for // ...
相信很多同学在使用IE的opacity上都会觉得很不爽,因为IE对透明元素的支持很“独树一帜”,当然了,IE的兼容性问题由来已久,不光这个元素,那么,很多人在使用juery的fadeIn函数做淡入效果的时候会遇到问题,例如下面的例子,以下是例子的源文件,html、js、css文件各一个: 1219.html [html]<!DOCTYPE html> <...
相信很多weber前端设计师在code for html的时候,最头痛的应该就是兼容问题,例如一些最基础的padding、marging甚至是width在IE和FF(火狐)下都会不一样,这真的让人很不爽啦,于是一群guys就写了一些兼容性的代码,以在我们code for html的时候先消除掉这些差异哦。 [css] /* Copyright (c) 2010, Yahoo! Inc. All ...