发布日期: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>

相关资讯

重庆坤朋机电设备有限公司
重庆坤朋机电设备有限公司
2011-02-20

 重庆坤朋机电设备有限公司是一家以生产民用和工程非标类机械为主的企业,主要产品有小型提升机、钻孔机、切石机,水泥砖机以各种砖机模具、型…

如何设计出一个包你满意与众不同的网站
如何设计出一个包你满意与众不同的网站
2010-10-30

  随着经济体制改革和国际化进程的加快,网络应用已经渗透到人类社会的各个角落。不少企业经营方向已从单一物质层面向多元的文化层面发展,…

博创网络-全国的一站式服务提供商
博创网络-全国的一站式服务提供商
2011-05-16

博创网络-全国的一站式服务提供商博创网络专注于网站建设和网络营销7年,有着丰富的经验在网络建设建设和网络营销越来越混乱的局面,一站式服务给…

重庆企业网站建设时如何设置网站的标题
重庆企业网站建设时如何设置网站的标题
2018-08-30

网站的优化最重要的是网站的定位,网站定位取决于网站的标题的设置,网站的标题设置很多要点。比如字数、长尾关键词的排列,顺序,组合等。下…

公司签约重庆东映视觉网站建设项目
公司签约重庆东映视觉网站建设项目
2010-06-25

公司签约重庆东映视觉网站建设项目 :doni-vision.net

落地页面的制作用户体验按钮怎么设计
落地页面的制作用户体验按钮怎么设计
2018-10-08

落地页面制作与设计如何让网站更有吸引力。按钮往往是网站设计人员比较容易忽略的地方,因为按钮仅仅是一个起到功能传递的作用,被很多设计人…

诺骏力和营销型网站正式开通
诺骏力和营销型网站正式开通
2019-12-02

热烈祝贺诺骏力和营销型网站正式上线!:cqnjlh行业:电动车维修,电动巡逻车维修|电动观光游览车维修|观光车配件-重庆诺骏力和搜索关键词:重庆…

网站域名注册知识大全
网站域名注册知识大全
2019-02-25

通过2016年的域名注册统计图我们可以看到国人比较偏好的几类域名,排在第一位就是域名的后缀,占了注册量的2/3左右,排名第二和第三的是国内域名…

重庆服装品牌做网络营销时应该注意什么
重庆服装品牌做网络营销时应该注意什么
2012-04-05

      有的时候我们利用搜索引擎,查找一些比较知名的服装品牌,输入品牌名称后,没有公司网站;有的到是有一个公司网站,可惜…

热烈祝贺重庆垂直绿化网站优化上线
热烈祝贺重庆垂直绿化网站优化上线
2013-08-26

热烈祝贺重庆垂直绿化网站优化上线重庆垂直绿化,重庆植物墙:cqjiangchuan