作者eagen0828 (EaGen)
看板Web_Design
标题Re: [问题] 移到缩图上会自动出现全图..
时间Mon Nov 8 18:09:11 2004
※ 引述《yichun0719 (ㄚ俊)》之铭言：
: http://www.tvbs.com.tw/news/news_list.asp?no=tzeng20041102071948
: 阿......要大家看的不是新闻喔...
: 而是里面有ㄧ张相片的缩图....
: 而且滑鼠只要ㄧ滑到上面....就会出现另一个视窗是放大的图..
: 这该要怎麽做呢...
: 还请各位大大帮忙解答了....^^
<a style="cursor: hand"
^^^^^^^^^^^^^^^^^^^^
表示说 手指移动到图上 指标会变为手指指标
onclick="window.open('档案.jpg','p1','scrollbars,resizable,width=宽,height=高)"
^^^^^^^^ ^^^^^^^^^^ ^^^^^^^^^ ^^^^^^^^ ^^^^^^^^^
图档位置 有卷轴 可变大小 视窗宽 视窗高
这里是指当按下图的时候会跳出视窗 显示图档 (也可以应用在显示网页)
onMouseOver="p1.src='大图档案.jpg';p1.width=宽;"
(图档位置) 图档宽
onMouseOut="p1.src='小图档案.jpg';p1.width=宽;" >
(图档位置) 图档宽
<img id=p1 src="小图档案.jpg" width="" style="border: 1 solid #585858">
原始图档插入位置
</a>
他是用同一张图 利用onMouseOver跟onMouseOut这两个後面的width
来改变他的大小 大图设定300 小图设定150 他就会变大变小了
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 203.71.15.25
1F：推 accordingto:好详细~ 61.218.51.174 11/09
2F：推 yichun0719:感谢大大的讲解...好详细阿 211.76.41.233 11/09