鼠标移到超链接上显示图片.

imxjs2011b 2011-07-31 02:51:36

如题. 当鼠标悬停在某个链接时显示对应的图片.

如图:

版主别和谐. 谢谢.

这种效果如何实现的? 请知道的朋友给答案谢谢..

...全文

263 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

Strbop 2011-07-31

打赏
举报

楼上正解，yellow图片也敢发出来？？

MuBeiBei 2011-07-31

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>



<body>

<a href="#">aaaaaaaa</a>

<img src="" style="display:none; position:absolute; left:0px; top:40px;"  width="100" height="100" />

<script>

	var a = document.getElementsByTagName('a'),

	imgs = document.getElementsByTagName('img');

	

	for(var i = 0; i < a.length; i++){

		!function(i){

			a[i].onmouseover = function(e){

				imgs[i].style.display = 'block';	

			};	

			

			a[i].onmouseout = function(){

				imgs[i].style.display = 'none'	

			};

		}(i)	

	}

</script>

</body>

</html>