JS控制下拉菜单框,动态改变图片
2008-11-30 21:47
260 查看
<select id="s1" onchange='document.getElementById("pic").src=this.value'>
<option value="http://bbs.blueidea.com/images/smilies/default/biggrin.gif">biggrin</option>
<option value="http://bbs.blueidea.com/images/smilies/default/confused.gif">confused</option>
<option value="http://bbs.blueidea.com/images/smilies/default/cool.gif">cool</option>
<option value="http://bbs.blueidea.com/images/smilies/default/eek.gif">eek</option>
<option value="http://bbs.blueidea.com/images/smilies/default/frown.gif">frown</option>
<option value="http://bbs.blueidea.com/images/smilies/default/han.gif">han</option>
<option value="http://bbs.blueidea.com/images/smilies/default/mad.gif">mad</option>
<option value="http://bbs.blueidea.com/images/smilies/default/redface.gif">redface</option>
<option value="http://bbs.blueidea.com/images/smilies/default/rolleyes.gif">rolleyes</option>
<option value="http://bbs.blueidea.com/images/smilies/default/smile.gif">smile</option>
<option value="http://bbs.blueidea.com/images/smilies/default/tongue.gif">tongue</option>
<option value="http://bbs.blueidea.com/images/smilies/default/wink.gif">wink</option>
</select>
<img id="pic" src="http://bbs.blueidea.com/images/smilies/default/biggrin.gif" border="0" width="15">
<option value="http://bbs.blueidea.com/images/smilies/default/biggrin.gif">biggrin</option>
<option value="http://bbs.blueidea.com/images/smilies/default/confused.gif">confused</option>
<option value="http://bbs.blueidea.com/images/smilies/default/cool.gif">cool</option>
<option value="http://bbs.blueidea.com/images/smilies/default/eek.gif">eek</option>
<option value="http://bbs.blueidea.com/images/smilies/default/frown.gif">frown</option>
<option value="http://bbs.blueidea.com/images/smilies/default/han.gif">han</option>
<option value="http://bbs.blueidea.com/images/smilies/default/mad.gif">mad</option>
<option value="http://bbs.blueidea.com/images/smilies/default/redface.gif">redface</option>
<option value="http://bbs.blueidea.com/images/smilies/default/rolleyes.gif">rolleyes</option>
<option value="http://bbs.blueidea.com/images/smilies/default/smile.gif">smile</option>
<option value="http://bbs.blueidea.com/images/smilies/default/tongue.gif">tongue</option>
<option value="http://bbs.blueidea.com/images/smilies/default/wink.gif">wink</option>
</select>
<img id="pic" src="http://bbs.blueidea.com/images/smilies/default/biggrin.gif" border="0" width="15">
相关文章推荐
- JS控制下拉菜单框,动态改变图片
- JS控制下拉菜单框,动态改变图片
- JS控制下拉菜单框,动态改变图片
- 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。
- 用js动态的改变img标签里面的src属性实现图片的循环切换
- dskinlite(uieasy mfc界面库)使用记录2:绘制动态元素(按钮控件绘制元素动态控制,改变图片和文字)
- dskinlite(uieasy mfc界面库)使用记录2:绘制动态元素(按钮控件绘制元素动态控制,改变图片和文字)
- js动态改变VID图片背景图片
- JS使用oumousemove和oumouseout动态改变图片显示的方法
- js动态改变图片src在ie6下的兼容问题
- JS实现动态改变对话窗口和图片样式的聊天;
- js实现按钮控制图片360度翻转特效的方法
- js动态控制表单的tr,td的显示和隐…
- js 控制图片 幻灯片展示
- JS动态控制form表单提交到多个页面
- JS 控制图片的淡进淡出
- JS控制图片显示的大小(图片等比例缩放) --zt
- JS控制图片显示的大小(图片等比例缩放)
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- js控制图片缩放、水平和垂直方向居中对齐