摘要：
注册事件有两个MozMousePixelScroll,DOMMouseScroll,但是它们不能使用element.onDOMMouseScroll方式注册，必须使用addEventLinstener来监听事件Firefox没有event.wheelDelta,它使用event.detail 来获取滚动的信息event.detail 本身是用来记录一个事件在原地(鼠标坐标不发生变化的情况下)执行了多少次的信息而在DOMMouseScroll事件发生的时候，它的值通常是 3 和 -3但是它的取值和IE正好相反, 向上是负,向下是正为什么说它的值通常是 3和-3呢，因为当你按住ctrl ,alt, 阅读全文
摘要：
<head><style type="text/css">.box{ position:relative; width:500px; height:500px; margin:100px auto; border:#03C solid 2px;-moz-perspective: 1500px;}.a{-moz-transform-style: preserve-3d;-moz-transition-duration: 1000ms;-moz-transition-property: all;-moz-transition-timing-functio 阅读全文
摘要：
obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。在float等奇怪的特殊情况下并不是上面所说的,需要给每个上级都加上position:relative或者position:absolute; 阅读全文
摘要：
function BOX_show_main(id, btn, e, on) { this.btn = btn; this.e=e; this.obj = document.getElementById(id); this.scrTop=document.documentElement.scrollTop||document.body.scrollTop; var oWidth = parseInt(this.getStyle(this.obj, 'width')); var oHeight = parseInt(this.getStyle(this.obj... 阅读全文
摘要：
动画过程由transition完成的滑动弹窗..可是始终是直接显示没有动画过程..把基本思路提出来试试.1.<head><style>#box{height:0;width:0;background:red;-moz-transition:all 4s ease;-webkit-transition:all 4s ease;}</style></head><body><script>window.onload=function(){ var btn=document.getElementById("btn&quo 阅读全文