求一个js代码

zc5036 2009-09-15 11:08:20

要实现这样的效果，就是把小图标固定在右下角，鼠标移过去，显示大幅海报，鼠标移走，就缩小为一个小图标

...全文

61 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

江南昆虫 2009-09-15

打赏
举报

听上去就是一个“显示/隐藏层”啊

MR丶CHAN 2009-09-15

打赏
举报

goole baidu 一下应该有吧

chinabh 2009-09-15

打赏
举报

类似这种？
http://www.bhcode.net/code/js/js/9/

leapceo 2009-09-15

打赏
举报

可以参照一下代码



<div align=center style="overfow: hidden; width: 100px; height: 100px"><img src="http://www.jb51.net/upload/2007426163751315.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 

</div> 

<div align=center style="overfow: hidden; width: 100px; height: 100px"> 

<img src="http://www.jb51.net/upload/200742616381460.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 

</div> 

<div align=center style="overfow: hidden; width: 100px; height: 100px"> 

<img src="http://www.jb51.net/upload/200742616383849.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 

</div> 

<div id="enlarge_images" style="position: absolute; z-index:2"></div> 



<SCRIPT>         

function show(_this) { 

    document.getElementById("enlarge_images").innerHTML = "<img src='" + _this.src + "' >"; 

} 

function hide(_this) { 

    document.getElementById("enlarge_images").innerHTML = ""; 

} 

function move_layer(event){ 

    event = event || window.event; 

    enlarge_images.style.left=event.clientX+document.body.scrollLeft+10; 

    enlarge_images.style.top=event.clientY+document.body.scrollTop+10; 

} 

document.onmousemove =move_layer; 

</SCRIPT>