注册 登录
编程论坛 WEB前端(UI)

当鼠标经过图片时,图片自动放大???

tiaoyuan 发布于 2006-12-11 16:21, 4828 次点击
当鼠标经过图片时,图片自动放大,鼠标离开后,就回复原来大小??


这该如何做???????

全过程(放大缩小)都用同一张图片

[此贴子已经被作者于2006-12-11 16:23:23编辑过]

17 回复
#2
qingaaa19862007-03-18 15:51
yuiuiiu
#3
summoner2007-03-19 11:41

在onmouseover事件里面改变图片的大小

#4
cyyu_ryh2007-03-19 13:22
接楼上
还得加个onmouseover事件
在事件中添加样式
#5
做人很低调2007-03-23 09:02
[CODE]<img src=http://blog.bc-cn.net/UploadFiles/2007-1/117175967.gif onmousemove="javascript:this.style.height=100" onmouseout="javascript:this.style.height=''"/>[/CODE]
#6
huangyong2007-03-28 08:41
[CODE]<script language="JavaScript" type="text/JavaScript" src="http://search.mall.dangdang.com/mall.js"></script>
<div id="popImageLayer" align="center" name="popImageLayer" style="position:absolute; visibility: hidden; width: 180; height: 180;cursor: hand;border-style:solid;border-width:1pt; border-color:orange" calss=""></div>
<center>
<br /><br /><br />
<img src="http://admin.mall.dangdang.com/GoodsImage/S000000460/Small/200608090909231.png" onMouseOver="popImage(this,'http://admin.mall.dangdang.com/GoodsImage/S000000460/Middle/200608090909231.png','http://wangfenglitai.mall.dangdang.com/products/G00000072867.html');" border=0></a>
</center>
[/CODE]
#7
huangyong2007-03-28 08:41

这个代码就可以:

<script language="JavaScript" type="text/JavaScript" src="http://search.mall.dangdang.com/mall.js"></script>
<div id="popImageLayer" align="center" name="popImageLayer" style="position:absolute; visibility: hidden; width: 180; height: 180;cursor: hand;border-style:solid;border-width:1pt; border-color:orange" calss=""></div>
<center>
<br /><br /><br />
<img src="http://admin.mall.dangdang.com/GoodsImage/S000000460/Small/200608090909231.png" onMouseOver="popImage(this,'http://admin.mall.dangdang.com/GoodsImage/S000000460/Middle/200608090909231.png','http://wangfenglitai.mall.dangdang.com/products/G00000072867.html');" border=0></a>
</center>

#8
huangyong2007-03-28 08:42
为什么不能运行代码。
#9
做人很低调2007-03-28 08:42

什嘛东东

#10
huangyong2007-03-28 08:48

拷贝一下就知道效果了。

前几天搜集的。

#11
huangyong2007-03-28 08:50

<script language="JavaScript" type="text/JavaScript" src="http://search.mall.dangdang.com/mall.js"></script>
<div id="popImageLayer" align="center" name="popImageLayer" style="position:absolute; visibility: hidden; width: 180; height: 180;cursor: hand;border-style:solid;border-width:1pt; border-color:orange" calss=""></div>
<center>
<br /><br /><br />
<img src="http://admin.mall.dangdang.com/GoodsImage/S000000460/Small/200608090909231.png" onMouseOver="popImage(this,'http://admin.mall.dangdang.com/GoodsImage/S000000460/Middle/200608090909231.png','http://wangfenglitai.mall.dangdang.com/products/G00000072867.html');" border=0></a>
</center>

只有本站会员才能查看附件,请 登录

#12
huangyong2007-03-28 08:51

老是上不来。

看一下附件吧!

只有本站会员才能查看附件,请 登录

#13
做人很低调2007-03-28 09:52
不错不错  效果真不错 偶收藏一份喽
#14
icebo2007-03-28 19:28
运行代码之后确实看不到效果
#15
chinayue2007-05-31 15:13
回复:(tiaoyuan)当鼠标经过图片时,图片自动放大?...

以下是引用huangyong在2007-3-28 8:51:11的发言:

老是上不来。

看一下附件吧!


[attach]18354[/attach]


这段代码鼠标移动时图片会放大.但有两层边框
怎么去掉??

[此贴子已经被作者于2007-5-31 15:16:34编辑过]

#16
恒天2007-06-03 12:01
我晕,还得运行远程的代码
#17
tel19822007-06-06 07:30
先收下了,谢谢。
#18
tinger2007-06-12 22:47
可以用DREAMEAVER的"插入"-"鼠标经过图像"
1