Dreamweaver怎么做出当鼠标移到图片上面的时候图片变大这种效果

来源：百度知道 编辑：UC知道 时间：2024/06/02 07:52:15
麻烦各位大侠请的详细点我是个新手.
麻烦用中告诉我用具体的步骤.最好是用中文告诉我下是什么意思.在此先感谢各位来回我的所提出的问题

看看我的效果吧
你看你的相对路径对不对。有个地方错了

<img id=MainImg onmouseover=max() onmouseout=min() src="你的图片地址" width="放大后的宽度" height="放大后的高度"></a>

把</a>去掉，width 和height 是图片的原始大小，不是放大后的，放大是由if(i<20)setTimeout('max()',100)这里控制的，你把20改为其他数字看看效果，比如100。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 鼠标放到图片上慢慢变大，移开后图片又慢慢变小</title>
</head>
<body>
<img id=MainImg onmouseover=max() onmouseout=min() src="你的图片地址" width="放大后的宽度" height="放大后的高度"></a>
<script>
var i=0
//变大
function max(){
MImg=MainImg.style.pixelWidth+=i++
MainImg.style.pixelHeight=MImg*aaa
if(i<20)setTimeout('max()',100)
}
//变小
function min(){
MImg=MainImg.style.pixelWidth-=i--
MainImg.style.pixelHeight