Question

用Dreamweaver怎么做出鼠标移动到图片上,图片立即自动放大的效果?

要是代码。要说明是什么意思？或是步骤。

Answer 1

1.准备图片素材。

2.新建html文件。

3.插入代码。

4.在IE里测试。

Answer 2

<script language="javascript">
function changeImg1()
{
document.images[0].width*=2
document.images[0].height*=2
}
function changeImg2()
{
document.images[0].width*=0.4
document.images[0].height*=0.4
}
</script>
<input type="button" name="button1" value="++" onclick="changeImg1()"/>
<input type="button" name="button2" value="---" onclick="changeImg2()"/>

<img src="file:///G|/图片/未命名.gif" width="513" height="420" onmouseover="changeImg1()" onmouseout=" changeImg2()"/>

Answer 3

我简单的提示一下吧 很简单 这是思路代码
<img onmouseover="this.width='鼠标移动上来时图片的宽度值'; this.height='鼠标移动上来时图片的高度值'" onmouseout="this.width='原来图片的宽度值'; this.height='原来图片的高度值'">

Answer 4

不用JS也可以做出这样的效果.CSS
.rightimg div a {
position: relative;
}
.rightimg div a:hover {
position: relative;
z-index: 1;
border: none;
}
.rightimg div a img {
position: static;
border: none;
width: 51px;
height: 59px;
}
.rightimg div a:hover img {
position: absolute;
z-index: 2;
width: 102px;
height: 118px;
border: 1px solid #CCC;
left: -40px;
top: -30px;
}
<div class="rightimg">
<div><a href="products_sub.asp?ids=<%=rs("productid")%>"><img src="pic/1.jpg" width="51" height="59"></a></div>
</div>

Answer 5

悬赏点积分我给你写JS代码 这个主要是鼠标事件