JS实现的radio图片选择按钮效果
2010-01-19 00:00
671 查看
用JS实现的radio图片选择按钮效果。注意:input后面的空格。
用到的图片:
用JS实现的radio图片选择按钮效果-脚本之家
.lanrentuku img{border:1px solid #008800;}
function myFun(sId) {
var oImg = document.getElementsByTagName('img');
for (var i = 0; i < oImg.length; i++) {
if (oImg[i].id == sId) {
oImg[i].previousSibling.previousSibling.checked = true;
oImg[i].style.border = '1px solid #FF6600';
} else {
oImg[i].style.border = '1px solid #008800';
}
}
}
用JS实现的radio图片选择按钮效果。
注意:input后面的空格。
查找更多代码,请访问:脚本之家
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
用到的图片:
用JS实现的radio图片选择按钮效果-脚本之家
.lanrentuku img{border:1px solid #008800;}
function myFun(sId) {
var oImg = document.getElementsByTagName('img');
for (var i = 0; i < oImg.length; i++) {
if (oImg[i].id == sId) {
oImg[i].previousSibling.previousSibling.checked = true;
oImg[i].style.border = '1px solid #FF6600';
} else {
oImg[i].style.border = '1px solid #008800';
}
}
}
用JS实现的radio图片选择按钮效果。
注意:input后面的空格。
查找更多代码,请访问:脚本之家
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 用JS实现的radio图片选择按钮效果
- JS实现的radio图片选择按钮效果
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- js---点击radio按钮实现图片轮换(two methds)
- js实现点击左右按钮轮播图片效果实例
- js实现点击左右按钮轮播图片效果实例
- js实现按钮控制带有停顿效果的图片滚动
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- Jquery 酷炫 用户 选择效果(js 实现带图片的 select 效果)
- JS 特效 用js实现radio选择钮效果
- js点击按钮实现带遮罩层的弹出视频效果
- 原生JS实现拖拽图片效果
- 原生js实现图片层叠轮播切换效果
- JS实现的input选择图片本地预览功能示例
- JS实现Flash外链专题大图片的轮显效果
- js日常小练习:实现图片的轮播效果
- JS图片轮播切换效果实现
- js实现当复选框选择匿名登录时隐藏登录框效果
- 使用js实现图片轮滑效果
- JS实现旋转木马式图片轮播效果