全屏切换

最新推荐文章于 2019-02-15 17:43:38 发布

iziminy

最新推荐文章于 2019-02-15 17:43:38 发布

阅读量765

点赞数

分类专栏： jQuery JavaScript

本文链接：https://blog.csdn.net/zimin1985/article/details/14646875

版权

JavaScript 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

jQuery

29 篇文章 0 订阅

订阅专栏

.mask_pic
{
   left:0;
   position:absolute;
   top:0;
   text-align:center;
   display:none;
   z-index:999998;
   background:#fff;
}

function showMask_pic() {

   var bh = $("body").height();
   var bw = $("body").width();
   var oMask_pic = document.getElementById('mask_pic');
   $('#mask_pic').css('height',bh);
   $('#mask_pic').css('width',bw);
   $('#mask_pic').css('display','block');

}

$('#pic').click(function (){
       if(bFullScreen){
           $("#mask_pic").hide();
           $(this).width('180px');
           $(this).height('180px');
           $('#imglist').css('z-index','999999').css('position','relative').css('width','180px');
           bFullScreen = false;
       }else{
           showMask_pic();
           var pic = document.getElementById('pic');
           var imglist = document.getElementById('imglist');
           pic.style.width = '100%';
           pic.style.height = '100%';
           imglist.style.zIndex = '999999';
           imglist.style.position = 'absolute';
           imglist.style.width = '100%';
           //$('#imglist').css('z-index','999999').css('position','absolute').css('width','100%');
           bFullScreen = true;
       }
   });