<script type="text/javascript">
//*******
//鼠标移入显示大图片
//*******   ei.innerHTML = '<img src="' + t.src + '" width="280px" height="280px" />';
function yiru1(t){    
    var ei = document.getElementById("big_image");
    ei.style.display = "block";
    ei.innerHTML = '<img src="http://www.baidu.com/img/baidu_sylogo1.gif" width="280px" height="280px" />';
ei.style.top =document.body.scrollTop+window.event.clientY+10+"px";
ei.style.left =window.event.clientX+10+"px";
}
//*******
//鼠标移出隐藏大图片
//*******
function yichu(){
    var ei = document.getElementById("big_image");
    ei.innerHTML = "";
ei.style.display = "none";
}
</script>调用代码:
<body>    <div id="big_image" style="position: absolute;">
    </div> 
                   <a href="http://www.hao123.com" onmousemove="yiru1(this);" onmouseout="yichu(this);" style="width:148px; neight:134px">hao123.com</a></body></html>问题是为什么我把上面的内容嵌入我的网页里,会显示不正常,可能是我的网页里有别的代码干扰吧,问下哪位大虾可以修改一下,让这段代码随便嵌入别的网页也可以显示正常啊?
谢谢了!

解决方案 »

  1.   

    估计是其他的层把图片覆盖了吧,你可以按以下的改下:<div id="big_image" style="position: absolute;z-index: 2000;"></div>或者直接绝对定位看看,如下:function yiru1(t){   
                    var ei = document.getElementById("big_image");
                    ei.style.display = "block";
                    ei.innerHTML = '<img src="http://www.baidu.com/img/baidu_sylogo1.gif" width="280px" height="280px" />';
                    //ei.style.top =document.body.scrollTop+window.event.clientY+10+"px";
                    //ei.style.left =window.event.clientX+10+"px";
                }<div id="big_image" style="position: absolute;top: 100px;left: 100px;z-index: 2000;">
            </div>