需求个js 实现点击文字选中复选框特效

JavaScript012

需求个js 实现点击文字选中复选框特效,第1张

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />

<meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" />

<title>点击文字选中单选框,sky整理收集,站长特效欢迎您。</title>

<style type="text/css">

<!--

body { font-family: "宋体"font-size: 9ptmargin-top: 0pxmargin-left: 4pxmargin-right: 0px}

A { COLOR: blackFONT-SIZE: 9ptFONT-WEIGHT: 400TEXT-DECORATION: none }

A:hover { COLOR: redFONT-SIZE: 9ptFONT-WEIGHT: 400TEXT-DECORATION: underline }

a:active { font: 9pt "宋体"cursor: handcolor: #FF0033 }

-->

</style>

</head>

<body>

<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr>

<!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站-->

<script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script>

<center>

<table border=0 bordercolor=#111111 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">

<tr><td align=center>

<font size=3 color=#FF0033 face="Arial, Helvetica, sans-serif">

<strong style="font-weight: 400">下面为脚本显示区<br>

 </strong></font></td></tr><tr><td align=center width=300><p>

<span style="font-size: 9pt">看看下面的选择框,似乎没有什么不同的。微妙之处在于,选择项目时不必非得在框内点击鼠标了,在文本上选择即可。不信试一试吧。</span></p>

<form>

<label for="check1"><span style="font-size: 9pt">经常来这里</span></label><span style="font-size: 9pt">

<input type="CHECKBOX" id="check1" value="often" name="checkoften">

<label for="check2">偶尔来看看</label>

<input type="CHECKBOX" id="check2" value="seldom" name="checkseldom">

</span>

</form>

</td></tr></table></center>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

</body>

</html>

在HTML文件中添加网页特效代码,一般有三种情况。

第一,只加在HTML文件头部,即HTML文件中<head>……</head>之间的代码。这类代码只需要加在这个部分,即可达到预期的效果。

第二,只加在HTML文件体部。即HTML文件中<body>……</body>之间的代码。这类代码只需要加在这个部分,即可达到预期的效果。如在你题目中提到的就属于这一类。

除上述情况外,多数代码需要先在头部(<head>……</head>之间)在上一些属性性质的代码,但是特效的主代码需要添加在体部(body>……</body>之间),否则,特效不能正常显示,有时还会出现错误,影响整个页面的正常显示。

添加特效代码的方法:

先要用HTML编辑软件,如常见的文本编辑器“记事本”,打开需要编辑的文件,根据特效代码的要求,在文件中找到相应位置,复制,粘贴特效代码,保存即可。修改完毕后,即可在浏览器中看到相应的效果。

在添加的时候一定要注意,一定要按照特效源码的要求添加,此外,还要保证源码的完整性,一个标点符号都不能少,也不能多。

另外要说的是,根据我的经验,直接从网上复制来的代码,不一定都能直接粘贴了用,一部分必须通过一个软件来中转。比如,先把网上的代码复制后,粘贴到“记事本”中,然后再复制、粘贴到相应的文件位置上。

最后,介绍你几个经典网页特效站。

1、网页特效集锦:http://www.helpor.net

2、javascript网页特效:http://www.baron.com.cn/javascript

3、万旭网页特效:http://js.wanxu.com

4、网页特效梦工厂:http://www.zlce.net/web

5、网页制作大宝库网页特效大全:http://www.dabaoku.com/texiao