码迷,mamicode.com
首页 > 其他好文 > 详细

图片缩放(放大的时候另开一个窗口)

时间:2020-04-27 11:17:34      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:doc   图片缩放   cat   his   style   bsp   nbsp   script   this   

HTML部分:

1 <img width="300" id="b" src="1.png" alt="">

JAVASCRIPT部分:

var img = document.getElementById("b");
img.onclick = function(){
    try{
        imgPopup.close();
    }catch(e){

    }
    imgPopup=window.open(‘‘,‘‘,‘‘)
    imgPopup.document.write(‘<script>document.onclick=function(){ close();}<\/script>‘); 
    imgPopup.document.write(‘<img src="‘+this.src+‘"/>‘,‘<style>body{margin:0;padding:0;border:0;}<\/style>‘); 
    imgPopup.focus(); 
    imgPopup.document.close(); 
}

 

图片缩放(放大的时候另开一个窗口)

标签:doc   图片缩放   cat   his   style   bsp   nbsp   script   this   

原文地址:https://www.cnblogs.com/fudanchencds/p/12785278.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!