发布日期:2011-10-28

用图片代替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>

相关资讯

祝贺克莱斯电梯重庆分公司网站建设正式开通
祝贺克莱斯电梯重庆分公司网站建设正式开通
2013-05-24

祝贺克莱斯电梯重庆分公司网站建设正式开通:cqklsdt 克莱斯电梯重庆分公司简介: 克莱斯电梯重庆分公司成立于2010年,公司现有在册员工58人,其中…

重庆微展科技有限公司网站正式开通
重庆微展科技有限公司网站正式开通
2025-08-16

祝贺重庆微展科技有限公司官方网站正式开通!网址:http://www.cqweizhan.com重庆微展科技有限公司成立于2016年,是一家专门从事于系统集成、计算机网络…

网站相当简单也不要说很轻易就能技术实现
网站相当简单也不要说很轻易就能技术实现
2012-05-09

“这个网站相当简单,所有你需要做的就是完成X,Y,Z。你看起来应该是技术很好,所以,我相信,你不需要花费太多时间就能把它搭建起来。” 我时…

重庆环茂电磁阀有限公司
重庆环茂电磁阀有限公司
2011-02-20

   重庆环茂电磁阀有限公司坐落于具有悠久历史的歌乐山麓,交通便捷,物流通畅。        公司的主要科研人员均具有十年以上的…

重庆伊丽特教育培训机构网站正式上线
重庆伊丽特教育培训机构网站正式上线
2013-02-02

重庆伊丽特教育培训机构网站正式上线:yilites 电话 :023-86816831地址:重庆江北洋河大道好家园7-12公司QQ:2257912441 

公司签约重庆绿韵商贸有限公司网站改版
公司签约重庆绿韵商贸有限公司网站改版
2011-11-08

重庆绿韵公司成立于2005年3月,是经重庆市工商局注册(注册资金50万元) 成立的专业从事装修污染治理、室内空气治理、空气净化、异味治理、装修污…

网站建设需要做哪些事情
网站建设需要做哪些事情
2019-04-25

重庆有很多企业想要做网站建设,但是关于重庆网站的制作流程不是很清楚,而企业想要建立一个大型网站是需要随时掌握网站建设流程的,好像辅导…

做网站前期要准备哪些资料
做网站前期要准备哪些资料
2012-11-14

做网站前期要准备哪些资料很多公司经常问这个问题,实际上就是你想把什么内容放在网上去就准备什么资料,必须准备的有,网站的名称,就是标题…

如何提高网站的核心竞争力
如何提高网站的核心竞争力
2018-10-08

根据《财富》杂志的统计,500强企业中,单项产品销售额占企业总销售额比重95%以上的有140家,占500强总数的28%,主导产品销售额占总销售额70%~95%的有1…

网站建设方案包含了哪些具体的内容
网站建设方案包含了哪些具体的内容
2019-10-09

一般方案性的网站建设方案,什么市场分析,功能概况,对于一般的企业来说是没有意义的,因为这些都是一些形式上的表达,不是很适用,一般适用…