JS Radio 改变图片轮换
来源:互联网 发布:矩阵一致性检验 编辑:程序博客网 时间:2024/06/05 19:13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function UpdateImg(radio) {
document.getElementById('img1').setAttribute('src', 'images/' + radio.getAttribute('value') + '.jpg');
//var numb = radio.getAttribute('value'); //获取被选中的单选按钮的value值
//document.getElementById('img1').setAttribute('src', 'images/' + numb + '.jpg'); //设置要加载的图片
}
</script>
</head>
<body>
<img id="img1" src="images/09.jpg" width="200px" height="200px" />
<br />
<input type="button" value="改变图片" onclick="UpdateImg();" />
<br />
<input id="Radio1" name="动物" type="radio" value="2" onclick="UpdateImg(this);"/>忧伤的小狗
<input id="Radio2" name="动物" type="radio" value="3" onclick="UpdateImg(this);"/>卖萌的小?狗
<input id="Radio3" name="动物" type="radio" value="4" onclick="UpdateImg(this);"/>愤怒的小狗
<input id="Radio4" name="动物" type="radio" value="6" onclick="UpdateImg(this);"/>可爱的小猫
可爱的小猫
</body>
</html>
- JS Radio 改变图片轮换
- js---点击radio按钮实现图片轮换(two methds)
- js实现图片轮换
- JS实现图片轮换
- js 图片轮换效果
- js图片轮换效果
- js图片轮换
- js实现图片轮换
- js 首页轮换图片
- JS实现图片轮换效果
- js实现图片轮换功能
- js实现图片轮换效果
- js图片轮换显示实例
- tab面板 图片轮换js
- asp.net图片轮换代码js+flash
- JS实现的简单的图片轮换
- 图片轮换效果 – JS实现
- 【js特效】着陆页图片轮换效果
- 《C++ primer》第9章 顺序容器
- Qt实现复杂的列表控件
- (转)基于PhoneGap与Java开发的Android应用的性能对比
- Hud 敌兵布阵 --线段树的插点问线
- 常用java排序
- JS Radio 改变图片轮换
- 10步让你成为更优秀的程序员
- 线程之Runnable和Thread现实的好处
- Ubuntu Linux操作系统下apt-get命令的详细说明
- 精通one,学习another,关注next
- HTML5在PhoneGap框架下开发IOS应用时常用操作和设置
- 用数组来处理求Fibonacci数列问题
- 使用navigator.userAgent来判断浏览器类型
- 陈梓瀚:伴随我成长的编程书