勾选后背景变色的特效代码
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();){kind=logo}
介绍：钩选后背景颜色也会改变，取消后颜色消失。
演示：
[Ctrl+A全选 提示：你可先修改部分代码，再按运行]
下面教你如何应用此特效：
--------------------------------------------------------------------------------------
需要在<body 这里>加入的代码：无
--------------------------------------------------------------------------------------
演示：
[Ctrl+A全选 提示：你可先修改部分代码，再按运行]
下面教你如何应用此特效：
--------------------------------------------------------------------------------------
需要在<body 这里>加入的代码：无
--------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<script>
function chaCloor(field){
var pig = field.checked;
pig?field.nextSibling.style.backgroundColor="yellow":field.nextSibling.style.backgroundColor="#fff";
}
</script>
<table height=50 width=148>
<tr>
<td width="138"><input type="checkbox" onClick="chaCloor(this)"><span>选项1</span></td>
</tr>
<tr>
<td width="138"><input type="checkbox" onClick="chaCloor(this)"><span>选项2</span></td>
</tr>
<tr>
<td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项3</span></td>
</tr>
<tr>
<td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项4</span></td>
</tr>
<tr>
<td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项5</span></td>
</tr>
<tr>
<td width="138"><input type="checkbox" onClick="chaCloor(this)" ><span>选项6</span></td>
</tr>
</table>
function chaCloor(field){
var pig = field.checked;
pig?field.nextSibling.style.backgroundColor="yellow":field.nextSibling.style.backgroundColor="#fff";
}
</script>
<table height=50 width=148>
<tr>
<td width="138"><input type="checkbox" onClick="chaCloor(this)"><span>选项1</span></td>
</tr>
<tr>
<td width="138"><input type="checkbox" onClick="chaCloor(this)"><span>选项2</span></td>
</tr>
<tr>
<td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项3</span></td>
</tr>
<tr>
<td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项4</span></td>
</tr>
<tr>
<td width="138" ><input type="checkbox" onClick="chaCloor(this)"><span>选项5</span></td>
</tr>
<tr>
<td width="138"><input type="checkbox" onClick="chaCloor(this)" ><span>选项6</span></td>
</tr>
</table>
<style>
.checkbox {
background-Color:expression(this.checked?'yellow':'buttonface');
}
</style>
<input type=checkbox class=checkbox>
<input type=checkbox class=checkbox>
<input type=checkbox class=checkbox>
<input type=checkbox class=checkbox>
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
- 您可以发表评论支持你喜欢的文章。
- 请遵守《互联网电子公告服务管理规定》。
- 请遵守中华人民共和国各项有关法律法规。
- 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
- 评论人需对自己在使用评论过程中的行为承担法律责任。
- 本站管理员有权保留或删除评论内容。
- 评论内容只代表个人观点，与本网站立场无关。
站内特效搜索
