鼠标移动显示大图

来源:互联网 发布:矩阵理论及其应用答案 编辑:程序博客网 时间:2024/04/30 23:24

 1 <script>
2 var demo= document.getElementById("demo");
3 var gg= demo.getElementsByTagName("img");
4 var ei= document.getElementById("enlarge_images");
5 for(i=0; i&lt;gg.length; i++){
6     var ts= gg[i];
7     ts.onmousemove=function(event){
8         event= event|| window.event;
9         ei.style.display="block";
10         ei.innerHTML='<img src="' + this.src + '" />';
11         ei.style.top  = document.body.scrollTop+ event.clientY + 20+"px";
12         ei.style.left= document.body.scrollLeft+ event.clientX + 20+"px";
13     }
14     ts.onmouseout=function(){
15         ei.innerHTML="";
16         ei.style.display="none";
17     }
18     ts.onclick=function(){
19         window.open(this.src );
20     }
21 }
22 </script>
23   原文出http://www.52rs.net/

原创粉丝点击