小问题

当鼠标移动到汉字上的时候显示图片

解决方案 »

  1.   


    <script>
       function show(){
           document.getElementById("imgshow").style.display="block"
       }
       function hide(){
           document.getElementById("imgshow").style.display="none"
       }
    </script>
    <body>
        <div onmouseover="show()" onmouseout="hide()">靠近我</div>
        <img id="imgshow" style="display:none" src="http://www.websbook.com/sc/upimg/litimg/080322/16045911506.jpg"> </img>
        
    </body>
      

  2.   

    <font onmouseover="show()" onmouseout="hide()">靠近我</font><br><script>
    var o;
    function show()
    {
    o = document.createElement("img");
    o.src = 'http://c.csdn.net/bbs/t/5/i/pic_logo.gif';
    o.style.position = "absolute";
    o.style.left = event.x;
    o.style.top = event.y;
    document.body.appendChild(o);
    }
    function hide()
    {
    document.body.removeChild(o);
    }
    </script>