zoukankan      html  css  js  c++  java
  • js鼠标移入移出小图片,显示隐藏大图片

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        
    <title>Untitled Page</title>
        
    <script type="text/javascript"> 
            
    // JScript 文件
            
    //*******
            
    //鼠标移入显示大图片
            
    //*******
            function yiru(t){    
                var ei 
    = document.getElementById("big_image");
                ei.style.display 
    = "block";
                ei.style.position
    ="relative";
                ei.innerHTML 
    = '<img src="' + t.src + '" width="150px" height="150px" />';
                ei.style.top  
    =event.clientY+"px";
                ei.style.left 
    =event.clientX+"px";
            }


            
    //*******
            
    //鼠标移出隐藏大图片
            
    //*******
            function yichu(){
                var ei 
    = document.getElementById("big_image");
                ei.style.display 
    = "none";
            }


        
    </script>
    </head>
    <body>
    <img  src="../imges/dl.png" onmouseover="yiru(this)" onmouseout="yichu()" />
    <div id="big_image" style="display:none"></div>
    </body>
    </html>
  • 相关阅读:
    Django集成Bootstrap美化后台
    python3 Django集成Ueditor富文本编辑器
    mysql-cluster集群配置
    centos7安装mysql8
    python升级pip和Django安装
    删除某日期之前的日志文件夹
    linux文件系统变为只读解决
    xargs实例
    linux终端提示符显示bash-4.2#
    Codeforces Round #478 (Div. 2)
  • 原文地址:https://www.cnblogs.com/di305449473/p/1249291.html
Copyright © 2011-2022 走看看