欢迎您
本月新增用户:
旗下累计用户:
签约动态:
签约吴先生网站制作达成合作
签约唐女士网站达成合作
签约长沙市开福区小毛驴食品便利店达成合作
签约长沙智在必行文化传播有限公司达成合作
签约长沙市雨花区鸿远数码达成合作
签约贺女士网站达成合作
签约湖南奥托曼国际贸易有限公司达成合作
签约承接长沙聂先生旅游网站业务
签约长沙孙先生网站达成合作
签约曹先生网站制作达成合作
签约湖南三谊医疗科技有限公司达成合作
签约长沙沃湘文化传播有限公司达成合作
签约长沙市山枫艺谷艺术培训学校达成合作
签约长沙市芙蓉区香琪电子产品商行达成合作
签约吕先生网站制作达成合作
签约湖南众乾节能环保科技达成合作
签约预承接长沙黄先生企业网站业务
签约长沙余女士网站达成合作
0731-84469346 / 152-7483-9229
首页
网站定制
小程序
智能建站
客户案例
关于我们
联系我们
0731-84469346
栏目导航:
首页
网站定制
小程序
智能建站
客户案例
关于我们
联系我们
网站首页
/
新闻动态
/
行业新闻
/ 浏览文章
更新时间:2015年10月21日
用图片代替Radio选择value值
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>留言板头像选择代码-懒人图库</title> <style type="text/css"> .on{margin:5px;border:1px solid #F60;filter:alpha(Opacity=100)} .off{margin:5px;border:1px solid #CCC;filter:alpha(Opacity=20)} </style> </head> <body> <script language="javascript"> function aa(a, b, c) { document.form1.img.value = a; document.getElementById("touxiang").getElementsByTagName("img")[a - 1].className = "on"; document.getElementById("touxiang").getElementsByTagName("img")[b - 1].className = "off"; document.getElementById("touxiang").getElementsByTagName("img")[c - 1].className = "off"; } function Check(x) { for (i = 1; i <= 1; i++) document.all.img.value = x } </script> <div id="touxiang"> <a href="#"><img border="0" src="http://www.lanrentuku.com/down/js/images/12625057550.gif" name=01 onclick=aa(1,2,3,4);Check(this.name,"") class="off"></a> <a href="#"><img border="0" src="http://www.lanrentuku.com/down/js/images/12625057551.gif" name=02 onclick=aa(2,1,3,4);Check(this.name,"") class="off"></a> <a href="#"><img border="0" src="http://www.lanrentuku.com/down/js/images/12625057552.gif" name=03 onclick=aa(3,1,2,4);Check(this.name,"") class="off"></a> <form name="form1"> <input type=text name=img value="01"> </form> <p>用图片代替Radio框选择value值,效果还不错,可以用作留言板图像选择按钮。</p> <p>filter滤镜在Firefox下无效,但border起作用~</p> <p>演示:<a target="_blank" href="http://www.maitianquan.com/plus/guestbook.php">http://www.maitianquan.com/plus/guestbook.php</a></p> <p>作者:<a href="http://www.lanrentuku.com/" target="_blank">西西</a></p> 尊重他人劳动,转载请保留出处! <p>查找更多代码,请访问:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a></p> </body> </html>
提示:您可以先修改部分代码再运行,复制代码和保存代码功能在Firefox下无效。
用图片代替Radio框选择value值,效果还不错,可以用作留言板图像选择按钮。
filter滤镜在Firefox下无效,但border起作用~
上一篇:
实现字体大中小的另一种方法
下一篇:
select头像选择代码
0731-84469346
返回顶部