原生javascript实现图片弹窗交互效果

• Z时代
• 2024-01-10
• 分类：综合

【一】用var 声明多个变量，比每个变量都用var快多了　　　

var sScrollTop = document.body.scrollTop || document.documentElement.scrollTop,
    sWindow_h = document.documentElement.clientHeight,
    t_h = parseInt(this.getCss(this.getId('gy_photoBox_head'),'height')),
    hold_h = sWindow_h - t_h - 20,
    width = this.nImgWidth ,
    height = this.nImgHeight;　　

【二】Dom事件优化，在 window.onresize时，定义个定时器,setTimeout，可以防止事件频繁调用

windowResize:function(){
            var _that = this,
                _timer = null;
            // 函数节流 
            window.onresize = function(){
                clearTimeout(_timer);
                _timer = setTimeout(function(){
                    if( _that.tools.getId('gy_photoBox')){
                        _that.setBoxCss();
                    }

                },100);

            }       

        }

以上是 原生javascript实现图片弹窗交互效果 的全部内容， 来源链接： utcz.com/z/315459.html