摘要: 动画过程由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 阅读全文
posted @ 2012-10-12 14:45 zwei1989 阅读(1230) 评论(0) 推荐(0) 编辑
摘要: 最近在看python的in比较运算符有所联想。仔细分析下引用数据类型和值数据类型。先来看几个例子。var a=[1,2];var b=[1,2];if(a==b){alert(true)}else{alert(false)}FALSE。var a='a';var b='a';if(a==b){alert(true)}else{alert(false)}TRUE。为啥两个值会不一样呢,因为JS中数组是引用数据类型,字符串是值数据类型。a=[1,2]可以理解为在计算机内存中创建了[1,2]这个值,而a作为他的引用名存在。接下来b又在内存中创建了另一个[1,2]的值。 阅读全文
posted @ 2012-03-08 14:12 zwei1989 阅读(1226) 评论(0) 推荐(0) 编辑
摘要: 滚动条模拟实在基本JS拖拽基础上的加深。滚动条需要做的是1.滚动条的拖拽,以及内容滚动高度的改变。2.上下按钮点击效果以及内容高度改变。3.鼠标滚轮在内容中滚动时内容高度改变,以及滚动条的高度改变。我把这种模拟滚动条分成两类,一类是内容属性为overflow:hidden的,重点在于上文所说的第三点,如果是hidden属性的话,滚轮在页面内容里滚动是不会触发onscroll事件的,需要给鼠标滚轮绑定事件,而鼠标滚轮事件在IE中是onmousewheel,在DOM中是DOMMouseScroll,后者还需要addEventListener来添加,非常的麻烦,这里第二种更加简单易于理解的方法。第二 阅读全文
posted @ 2012-03-06 11:03 zwei1989 阅读(12701) 评论(0) 推荐(2) 编辑