首页 > 代码库 > 每天一个JavaScript实例-点击图片显示大图添加鼠标操作
每天一个JavaScript实例-点击图片显示大图添加鼠标操作
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-点击图片显示大图添加鼠标操作</title> <style> img{padding:5px;width:100px;height:auto;} #outer{ width:100%; height:100%; } .overlay{ background-color:#000; opacity: .7; filter:alpha(opacity=70); position: fixed; top:0; left:0; width:100%; height:100%; z-index: 10; } .overlayimg{ position: absolute; z-index: 11; left:50px; top:30px; width:auto; } </style> <script> function imgKeyDown(evnt){ //console.log("aaa"); evnt = (evnt) ? event : ((window.event) ? window.event : ""); var keycode = (event.which) ? evnt.which : evnt.keyCode; //console.log(keycode); //console.log(evnt); if(document.getElementById("overlay")){ if(keycode == 27){ restore(); return false; }else{ if(keycode == 13){ restore(); return false; } } } } function expandPhoto(){ var overlay = document.createElement("div"); overlay.setAttribute("id","overlay"); overlay.setAttribute("class","overlay"); document.body.appendChild(overlay); var img = document.createElement("img"); img.setAttribute("class","overlayimg"); img.src = http://www.mamicode.com/this.getAttribute("src");>每天一个JavaScript实例-点击图片显示大图添加鼠标操作
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。