用图片代替Radio选择value值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="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="lanrentukudown/js/images/12625057550.gif" name=01 onclick=aa(1,2,3,4);Check(this.name,"") class="off"></a>
<a href="#"><img border="0" src="lanrentukudown/js/images/12625057551.gif" name=02 onclick=aa(2,1,3,4);Check(this.name,"") class="off"></a>
<a href="#"><img border="0" src="lanrentukudown/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="maitianquanplus/guestbook.php">maitianquanplus/guestbook.php</a></p>
<p>作者：<a href="lanrentuku" target="_blank">西西</a></p> 尊重他人劳动，转载请保留出处！
<p>查找更多代码，请访问：<a href="lanrentuku" target="_blank">懒人图库</a></p>
</body>
</html>
相关资讯
企业做什么样的网站才有价值
2019-10-07你需要做一个什么样的网站？成本低、推广易、流量多、见效快、咨询量多、成交量涨涨涨 网站界面友好精美的网站界面，强大视觉冲击力，提升网站…
推荐：网站安全解决办法，提供四大办法
2012-03-28近些年来，某某网站被黑、某某网站数据库泄漏越来越频繁，CSDN事件就是最好的例子。这也不得不使我们开始重视网络安全，一方面为了保护我们自己…
网站的优化要从结构开始，网站结构优化
2012-07-05目前多数企业网站都没有FAQ栏目，一般用户浏览公司的产品，都会遇到一些比较常见的问题。所以企业最好能把预先想到的问题，和解答做成一个页面…
热烈祝贺蜀轩壁布全网营销型网站正式开通上线
2020-09-13热烈祝贺蜀轩壁布官方网站（全网营销型网站）正式开通上线了！官方网站：shuxuanqb搜索关键词：蜀轩壁布首页预览： 网站匹配了适应的移动端网站。 …
重庆欧普吊顶客服服务中心官方网站正式上线
2012-12-28重庆欧普吊顶客服服务中心官方网站正式上线：cqoupu 简介：重庆欧普集成吊顶有限公司是一家年轻、充满活力又稳健的专业集成吊顶生产企业。公司成…
重庆嘉弛广告公司传媒有限公司网站开通
2014-06-12：cqjccm 重庆市嘉弛广告传媒有限公司于2004年斥资50万在铜梁地区成立。是铜梁地区一家专业的户外广告媒体公司。自成立之日凭借起…
网站设计应该对客户负责
2019-05-14沛宣网络在网站制作有着8多年的经验，在这方面沛宣网络有着更深刻认识，为您做的不单单是一个网站，沛宣网络口号“让天下没有不赚钱的网站”，…
怎样查看你自己网站的源代码？
2011-12-13您是否有过这样的经历，当你看到一个很棒的站点，你会很想知道开发人员是如何将它实现的？你有没有看过一些网页，并且想知道它是如何做出来的…
热烈祝贺城口县人事人才网网站开通
2010-05-02热烈祝贺城口县人事人才网|城口人才网|城口招聘网开通! :job.023ck 欢迎企业,个人免费注册! 咨询电话:18883878811
网站的修改意见应该怎么提？
2015-01-12一般网站建设的过程是，初期沟通达成协议付定金然后进行网站设计，网站设计然后客户有一个提 出修改意见的过程，客户确认后我公司再进行网站的…