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>
  • 相关阅读:
    分布式事务基本概念
    rocketmq源码分析3-consumer消息获取
    Mac下的Eclipse不能记住工作空间问题
    rocketmq源码分析2-broker的消息接收
    rocketmq源码分析1-benchmark学习
    metrics
    slf4j与logback对接是如何将日志写到控制台的
    Spring AOP
    hibernate数据库连接池，常用配置
    动态代理
  • 原文地址：https://www.cnblogs.com/di305449473/p/1249291.html
Copyright © 2011-2022 走看看