AlanTao

摘要： 一.touch事件1.touchstart：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。2.touchmove：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。3.touchend：当手指从屏幕上离开的时候触发。4.to... 阅读全文

摘要： 1.viewport的概念能在移动设备上正常显示那些传统的为桌面浏览器设计的网站宽度2.css中的1px并不等于移动设备的1px 在iphone3上，一个css像素确实是等于一个屏幕物理像素的。后来随着技术的发展，移动设备的屏幕像素密度越来越高，从iphone4开始，苹果公司便推出了所谓的Reti... 阅读全文

摘要： 判断鼠标进入容器的方向1.前几天在万圣节专题项目中用到了鼠标坐标page事件,随着鼠标背景图片移动形成有层次感的效果，但page事件在IE低版本不支持，所以还要做兼容。在研究page事件同时无意中想到了鼠标从不同方向进入容器的想法。其中涉及到Math.atan2(y,x)等圆心事件，在研究其代码时对... 阅读全文

摘要： 关于js鼠标事件综合各大浏览器能获取到坐标的属性1.page随滚动条变化（pageY会增加滚动条滚动的距离）,兼容性：除IE6/7/8不支持外，其余浏览器均支持;2.clientX/Y获取到的是触发点相对浏览器可视区域左上角距离（不随页面滚动而改变,clienY不会增加),兼容性：所有浏览器均支持;... 阅读全文

摘要： 1 /*完美运动框架*/ 2 //1.先清除定时期，2，获取样式，如果是opacity则单独解决，3，定义速度，4，定义当前值是否到达目的地，5，判断当前值是否到达目的地，6运动基本，如果是opacity 3 function startMove(obj,json,fnEnd){ 4 cl... 阅读全文

摘要： 1.childNodes，获取子节点，本身就是一个数组，可以通过下标childNodes[i]来获取某个子节点。alert(obj.childNodes.length); //高级浏览器会有空白节点的存在//循环根据节点的nodeType类型来判断是不是元素节点for(var i = 0, l... 阅读全文

摘要： 1.用求模来计算时间，秒%60,就能获取剩余的秒var s = 362;var minute = parseInt(s/60) + "分" //取得分var second = s%60 + "秒" //取得秒var time = minute + second; ... 阅读全文

摘要： 1.实现原理：setInterval定时器，让某元素position的left属性定时滚动，使用到js中的元素的offsetLeft属性。 2.案例：1.css的实现是外div是4张图片的总宽度，设置relative然后overflow隐藏。子代有ul层设置为absolute;left属性移动时都是 阅读全文

摘要： 今天学习了一个小程序，将本地时间显示在页面上，用了图片的形式。1.执行原理是，先用6张全0的图片，然后通过循环img各自根据时间来更换相对应的时间图片。2.使用Date()函数获取本地时间，然后转换成字符串的形式。3.使用定时期setInterval()来控制1秒时间。4.IE7下的使用str[i]... 阅读全文

摘要： 今天做一个简单的小日历，12个月份，鼠标移动其中一个月份时添加高亮并显示本月的活动。其实同理与选项卡致。不过是内容存在js里 1 window.onload = function(){ 2 var oMain = document.getElementById("month"); 3 ... 阅读全文