html高手来！

来源：百度知道 编辑：UC知道 时间：2024/06/21 17:21:22
我想设计一个DIV
#123{
width:18px;
height:18px;
}

我想把一个大点的图（500*500） 放到123里面

按我设计的18*18显示(就是说缩小了)，如果点击了，才出现原图，500*500

大家帮帮我，，，谢谢

你的意思 应该是图片的缩放吧
<html>

<head>

<title>图片自动缩放</title>

</head>

<body>
<script language="javascript">
<!--
function bimg(pic){
// 获取对象缩放比例， 并转化成十进制整数
var zoom = parseInt(pic.style.zoom,10) || 100;
//滚轮移动量上移+120， 下移-120
zoom+=event.wheelDelta/12;
if(zoom>0)
pic.style.zoom = zoom+'%'; //重新设置比例
return false;
}

function limg(){
var zoom=parseInt(pic.style.zoom, 10)||100;
zoom +=zoom/12;
if(zoom>0){
pic.style.zoom=zoom+'%'; //重新设置比例
return false;
}
}

function simg(){
var zoom=parseInt(pic.style.zoom, 10)||100;
zoom -=zoom/12;
if(zoom>0){
pic.style.zoom=zoom+'%&