JS实现图片的选择展示

2012/11/8 12:00:16作者：佚名来源：网络

移动端

【实例名称】

JS实现图片的选择展示

【实例描述】

在相册、付款或新闻页面中经常需要用户进行选择，并在选择的同时展示图片界面以确认用户的选择。本例学习使用下拉框实现图片选择展示的效果。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页-学无忧（www.xue51.com）</title>
</head>
<body>
<CENTER>
<img width=260 height=200 
src="http://www.baidu.com/img/logo.gif" name="img1">
</CENTER>
<CENTER>
<SELECT onChange="document.img1.src=
options[selectedIndex].value">
<option value="http://www.google.cn/intl/zh-CN/images/logo_cn.gif">
goole搜索</option>
<option value="http://www.baidu.com/img/logo.gif">
百度搜索</option>
<option value="http://search.cn.yimg.com/i/070420/lg.gif">
雅虎搜索</option>
</SELECT>
</CENTER>
</body>
</html>

【运行效果】

图片的选择展示运行效果