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>
 posted on 2008-07-23 10:06  ︷起↘嚸.  阅读(1590)  评论(0)  编辑  收藏  举报