js 拖拽 鼠标事件，放大镜效果

 

设置网站播放视频 只有一个是播放的

//需要引入jquery  
 var v = $("video")
    v.bind("play",function(){
        for(var i =0; i){
            (i == v.index(this))?v[i].play():v[i].pause();
        }
    })

设置 网站固定 导航条或者是搜索框

var box1 = document.getElementsByClassName("box1")[0];
        var box2 = document.getElementsByClassName("box2")[0];
        var box3 = document.getElementsByClassName("box3")[0];
        var sTop
        document.onscroll = function(){
            sTop = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
            // sTop >= 200?box2.classList.add("fix"):box2.classList.remove("fix"); // 实用类名
            sTop >= box1.scrollHeight?box2.style.cssText="position:fixed;top:0;":box2.style.cssText="position:static;";
        }

 图片随屏幕滚动而跟着走

 var topHeight
        window.onscroll=function(){
            topHeight= window.pageYOffset;
            box[0].style.top = topHeight+ 100 +"px"
            box[1].style.top = topHeight+ 100 +"px"
        }
// 还需要给元素加一个过渡CSS3属性 transition：time;

 最后一个实例 可以拖动的放大镜

    
    
    


    

        

            
放大镜