网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
网页特效
>> 正文
js实现点击文字选中复选框特效
阅读：3710 输入：2016-10-21 16:15:44
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>点击文字选中单选框</title> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 } --> </style> </head> <body> <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> </body> </html>
上一篇：
js实现RGB颜色在线转换器
下一篇：
按钮控制文本框数值增减，购物车数量增减
相关阅读
CSS 模拟心的跳动
当前网面在线测试并返回结果
网页中烟花漂浮飞行特效
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens