js-API 06 高级动画二

1、阻止默认事件
w3c的方法是e.preventDefault()
IE则是使用e.returnValue = false;
2、获取浏览器的body的兼容性问题
var scrollTop = document.documentElement.scrollTop  || document.body.scrollTop;

document.body.scrollTop||document.documentElement.scrollTop
3,拖拽产生絮条
<script>
    window.onload = function(){
        //所有的盒子都获取到
        var box = document.getElementsByTagName("div");
            //给文档绑定拖动事件
            document.onmousemove = function(event){
                var j= 0;
                //给一个计时器
                var timer = setInterval(function(){
                    j++;
                    //20毫秒显示一个box,然后随着光标移动(给盒子定位)
                    //盒子的left和top值相当于光标的横纵坐标
                    box[j].style.display = "block";
                    box[j].style.left = (event.clientX-box[j].offsetWidth/2)+"px";
                    box[j].style.top = (event.clientY-box[j].offsetHeight/2)+"px";
                    if(j==box[j].length){
                        clearInterval(timer);
                    }
                },50)
            }
    }
</script>

 

js-API 06 高级动画二

上一篇:C#获取DataGridView数据源DataSource类型


下一篇:[已解决]报错: qt.qpa.plugin: Could not load the Qt platform plugin "windows" in "" even though it ...