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>
  • 相关阅读:
    （转）ReentrantLock与Synchronized同步区别
    （转）Java NIO框架
    （转）Apache Mina网络框架
    （转）java中Executor、ExecutorService、ThreadPoolExecutor介绍
    路由选择协议
    SYN攻击
    网络基础
    [翻译]在Django项目中添加谷歌统计(Google Analytics)
    初识Python-web框架的这两天
    June本地环境搭建
  • 原文地址：https://www.cnblogs.com/di305449473/p/1249291.html
Copyright © 2011-2022 走看看