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>
  • 相关阅读:
    诸葛亮的后半生：狗笼子里挥舞丈八蛇矛
    一句话摘录
    【书摘】The Joshua tree epiphany
    玩具程序:bigInt
    旅行的力量
    记忆的力量
    快的力量
    Windbg学习笔记【4】
    戴尔笔记本win8全新安装
    悟透JavaScript
  • 原文地址：https://www.cnblogs.com/di305449473/p/1249291.html
Copyright © 2011-2022 走看看