精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>HTML — 做好一个网页不能没有的基础>>DHTML特效>>特效7:动态图片的选择

主题:特效7:动态图片的选择
发信人: marsz()
整理人: microant(1999-08-02 12:13:19), 站内信件
动态图片选择
适用浏览器:ALL
 
说明:选择名称即可显示相应图片。
 

复制如下代码到你希望的地方。



<form name="dynamicselector">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height=
"178">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="4" onChange="generateimage(this.
options[this.selectedIndex].value)">

            <option value="images_dhtml/buggy.gif">汽车</option>
            <option value="images_dhtml/imagemap.gif">桌球</option>
            <option value="images_dhtml/plane.gif">飞机</option>
            <option value="images_dhtml/hand.gif">手</option>
            <option value="images_dhtml/cake.gif">匹萨</option>
</select>
<script>

/*
modified by mars 1999, www.joysoft.net
*/

function generateimage(which){
if (document.all){
dynamic3.innerHTML='<center>Loading image...</center>'
dynamic3.innerHTML='<img src="'+which+'">'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<img src="'+which+
'">')
document.dynamic1.document.dynamic2.document.close()
}
else
alert('You need NS 4 or IE 4 to view the images!')
}
</script>
</td>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width=
100% height=178><layer id="dynamic2" width=100% height=178><div id="dy
namic3"></div></layer></ilayer></td>
</tr>
</table>
</form>

要改变图像请更改option元素的value属性

--
________________________________________________
欢迎访问飞翔鸟软体驿站: HTTP://JOYSOFT.SOIM.NET
BEST REGUARDS, MARS         MAILTO:[email protected]

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.99.13.134]

[关闭][返回]