JS实现让访问者自助选择网页文字颜色的方法


Posted in Javascript onFebruary 24, 2015

本文实例讲述了JS实现让访问者自助选择网页文字颜色的方法。分享给大家供大家参考。具体实现方法如下:

<html>
<head>
<title>JS实现让访问者自助选择网页的文字颜色</title>
<script language="javascript">
<!--
 function chColor(c){
 document.body.style.color = c;
 }
//-->
</script>
</head>
<body>
<input name="c" type="radio" value="#000000" onClick="chColor(this.value)" checked>黑
<input name="c" type="radio" value="#0000FF" onClick="chColor(this.value)">蓝
<input name="c" type="radio" value="#FF0000" onClick="chColor(this.value)">红<br>
本行文字会改变颜色哦! 
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript与CSS复习(二)
Jun 29 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
Mar 28 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
Vue插槽原理与用法详解
Mar 05 Javascript
JavaScript异步操作中串行和并行
Nov 20 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
JS给超链接加确认对话框的方法
Feb 24 #Javascript
javascript实现图片循环渐显播放的方法
Feb 24 #Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 #Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 #Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 #Javascript
JS实现超过长度限制后自动跳转下一款文本框的方法
Feb 23 #Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 #Javascript
You might like
PHP SplObjectStorage使用实例
2015/05/12 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
javascript 限制输入和粘贴(IE,firefox测试通过)
2008/11/14 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
javascript实现方法调用与方法触发小结
2016/03/26 Javascript
jQuery.parseHTML() 函数详解
2017/01/09 Javascript
JavaScript条件判断_动力节点Java学院整理
2017/06/26 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
Python字符串格式化的方法(两种)
2017/09/19 Python
python爬虫_微信公众号推送信息爬取的实例
2017/10/23 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
Python安装与基本数据类型教程详解
2019/05/29 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
pycharm双击无响应(打不开问题解决办法)
2020/01/10 Python
python 追踪except信息方式
2020/04/25 Python
python numpy库np.percentile用法说明
2020/06/08 Python
如何一键升级Python所有包
2020/11/05 Python
css3 盒模型以及box-sizing属性全面了解
2016/09/20 HTML / CSS
八一演出活动方案
2014/02/03 职场文书
科级干部考察材料
2014/02/15 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
2019初中学生入团申请书
2019/06/27 职场文书