2012年10月12日
动态添加CSS3-transition.
摘要： 动画过程由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 阅读(1238) 评论(0) 推荐(0)
2012年3月8日
js数组引用数据类型分析。
摘要： 最近在看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 阅读(1233) 评论(0) 推荐(0)
2012年3月6日
JS模拟滚动条
摘要： 滚动条模拟实在基本JS拖拽基础上的加深。滚动条需要做的是1.滚动条的拖拽，以及内容滚动高度的改变。2.上下按钮点击效果以及内容高度改变。3.鼠标滚轮在内容中滚动时内容高度改变，以及滚动条的高度改变。我把这种模拟滚动条分成两类，一类是内容属性为overflow：hidden的，重点在于上文所说的第三点，如果是hidden属性的话，滚轮在页面内容里滚动是不会触发onscroll事件的，需要给鼠标滚轮绑定事件，而鼠标滚轮事件在IE中是onmousewheel，在DOM中是DOMMouseScroll，后者还需要addEventListener来添加，非常的麻烦，这里第二种更加简单易于理解的方法。第二 阅读全文
posted @ 2012-03-06 11:03 zwei1989 阅读(12729) 评论(0) 推荐(2)