Tip: you can modify some code before running
<!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><title>Image description of mouse visibility</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">Li {position: relative; list-style: none; margin-left: 20px; float: left; width: 150px; height: 200px; border: 1px solid # DDD; background-color: # F7F7F7;} li span {display: none; position: absolute; top: 90%; left: 1%; font: 12px/18px "Simsun"; color: # FFF; background-color: # FF6600 ;}</style></head><body><!--把下面代码加到<body>与</body>之间--><ul><li>Beauty 1</li><li>Beauty 2</li><li>Beauty 3</li><li>Beauty 4</li><li>Beauty 5</li></ul><script type="text/javascript">Var domLi = document. getElementsByTagName ("li"); for (var I = 0; I<domLi.length;i++){domLi[i].onmouseover=function(){this.getElementsByTagName("span")[0].style.display="block";}domLi[i].onmouseout=function(){this.getElementsByTagName("span")[0].style.display="none";}}</script></body></html>
Tip: you can modify some code before running
