用图片代替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-11很多公司需要做网络营销,对于网络公司的营销型网站建设的概念,大多数是网站的搜索引擎排名推广的定义。还有其它的网络营销方式,比如用软件…
重庆网站建设流程_重庆网站怎么做
2018-06-30重庆企业网站建设流程第一步:客户提出建站申请、沟通交流需求第二步:签署相关协议、客户支付预付款第三步:完成初稿,经客户确认后进行建设…
重庆腾众广告传媒有限公司
2013-01-21重庆腾众广告传媒有限公司是集互联网信息平台的建设、整合网络营销传播、电子商务策划于一体的综合信息化服务机构,是国内起步早、…
你的网站空间不够用的情况下怎么办
2019-02-27您购买的空间容量、流量等资源不足时,可随时选择在线升级。 一、升级方法: 登陆用户控制中心选择-虚拟主机管理 点您需要升级的主机…
什么是手机网站?手机网站和网页版的网站有什么不同
2013-06-25专门的手机网站是以wap开头的。是一种互联网手机网站的协议。手机网站的实质和网页的是差不多的。现在很多智能机打开网页版的网站效果基本是差…
做网站建设之前如何布局网站优化
2018-10-04一个企业网站做的再好看,不注重SEO优化,到头来也是枉然。真正的准客户都是来自搜索引擎的,如果网站对搜索引擎一点都不友好,在百度、搜狗等…
加拿大直连移民留学服务公司营销型网站上线
2021-01-01热烈祝贺加拿大Port to Port移民留学服务公司全网营销型网站正式上线!PORT移民服务公司是加拿大直连移民留学服务公司。专注于加拿大大西洋地区的技…
如何让一个网站在获得很稳定的排名
2011-09-01很多站长经常问:为什么昨天的网站排名还在首页,今天再查排名时就找不到了…或是排名不稳定,经常性的变化呢?首先影响SEO的因素是很多的,比如…
重庆风云教育咨询服务中心
2010-08-23重庆风云教育咨询服务中心立足于教育服务业是从事教育咨询与资源开发,开展教育项目策划与推广;传播教育管理理念与模式;提供互联网与技术支…
重庆营销型网站建设的定义
2018-09-03重庆营销型网站是指以现代网络营销理念为核心,以搜索引擎良好表现(即符合搜索引擎优化排名、符合网站SEO)、用户良好体验为标准,能够更好地将…