js实现预览大图

最新推荐文章于 2024-01-25 12:27:20 发布

阳光温暖

最新推荐文章于 2024-01-25 12:27:20 发布

阅读量577

点赞数

文章标签： javascript ViewUI

 <script type="text/javascript">
function over(obj_small,obj_big){
	obj_small.style.border="solid 1px #ff0000";
	document.getElementById("big").src="images/"+obj_big;	
	}
	
function out(obj_small){
	obj_small.style.border=0;
		}
</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="5"><img src="images/show1_big.jpg" id="big" /></td>
  </tr>
  <tr>
    <td style="height:60px;"><img src="images/show1.jpg" οnmοuseοver="over(this,'show1_big.jpg')" οnmοuseοut="out(this)"/></td>
    <td><img src="images/show2.jpg" οnmοuseοver="over(this,'show2_big.jpg')" οnmοuseοut="out(this)"/></td>
    <td><img src="images/show3.jpg" οnmοuseοver="over(this,'show3_big.jpg')" οnmοuseοut="out(this)"/></td>
    <td><img src="images/show4.jpg" οnmοuseοver="over(this,'show4_big.jpg')" οnmοuseοut="out(this)"/></td>
    <td><img src="images/show5.jpg" οnmοuseοver="over(this,'show5_big.jpg')" οnmοuseοut="out(this)"/></td>
  </tr>
</table>

</body>
</html>

实现大图预览