 |
热门文章 |
|
|
|
|
| 下拉框选择图片，可做用户注册时的头像选择 |
| 来源：源码爱好者 更新时间：2011/1/1 11:13:32 阅读次数： 我要投稿 |
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>下拉框选择图片</title>
</head>
<body>
<CENTER>
<img src="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081122582652.jpg" name="x1">
</CENTER>
<FORM>
<CENTER>
<SELECT onChange="document.x1.src=options[selectedIndex].value">
<option value="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081122582652.jpg">看看图片1</option>
<option value="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081122582644.jpg">看看图片2</option>
<option value="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081122582622.jpg">看看图片3</option>
<option value="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081122582661.jpg">看看图片4</option>
</SELECT>
</CENTER>
</FORM>
</body>
</html> |
| 特效说明： |
图片浏览，采用带跳转的下拉框切换图片，以达到查看图片的效果。实际上是个基础的技巧，早在学网页设计的时候，Dw里就有此功能，除了做成切换图片，网址跳转也是可以的，演示效果请点击“运行”按钮。 |
|
| 上一篇文章： Js模仿编辑器中适时改变文本框的大小，包括宽度和高度下一篇文章： JS动画函数：透明度渐变、位置移动、尺寸变化 |
|
|
|
注册 登录
