效果扒裙

摘要： 本人在做一个简易项目时，需要实现如下效果：菜单宽度超过屏宽，靠手指左右滑动显示完成内容（菜单本身还是二级菜单）很显然需要用到touchstart/touchmove/touchend事件。但本人对touch事件无甚了解，也因此频频碰壁，折腾许久才实现这一效果。现将相关关键点记录如下。1、获取touch事件的手指位置本人最初使用【e.pageX】，但只有苹果平台支持。后来得知需要使用【e.touches[0].pageX】e.touches这一数组存储了当前每根手指的位置。2、二级菜单多次刷新应事先效果是：绑定click事件。点击下拉，再点击上滑。可能触屏过于敏感，导致多次触发click事件。解 阅读全文

摘要： 模仿【http://www.otomate.jp/ghp/fd/】的图片预加载所写。该页使用jQuery，这里使用原生javascript。在ie6，ie8，FF，Chrome，Opera下测试通过。过程：1、在DOM树加载完毕时，将页面内所有图片（img标签，css中的背景图）的地址push进一个数组。2、用image图片加载完成触发的load事件进行回调，显示当前进度。【已加载完图片数/总图片数】3、图片全部加载完毕，进行之后的处理。（如上述url页所示，将遮罩层移除）关键点：javascript通常采用非阻塞式（异步）编程，故而无法顺次加载图片。因此必须在每张图片加载完后触发一个回调函数 阅读全文