编程 Javascript

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程序设计有所帮助。

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery中的$(document).ready()与window.onload的区别

Nov 18 Javascript

js parentElement和offsetParent之间的区别

Mar 23 Javascript

JS实现网页顶部向下滑出的全国城市切换导航效果

Aug 22 Javascript

Bootstrap每天必学之警告框插件

Apr 26 Javascript

JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法

Aug 19 Javascript

微信小程序视图容器组件的详解及实例代码

Jan 19 Javascript

微信小程序中顶部导航栏的实现代码

Mar 30 Javascript

React + webpack 环境配置的方法步骤

Sep 07 Javascript

Vue兼容ie9的问题全面解决方案

Jun 19 Javascript

基于element-ui组件手动实现单选和上传功能

Dec 06 Javascript

js全屏事件fullscreenchange 实现全屏、退出全屏操作

Sep 17 Javascript

动态规划之使用备忘录来改进Javascript函数

Apr 07 Javascript

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

重料打造自己的“宝马”---第三代

2021/03/02 无线电

php flv视频时间获取函数

2010/06/29 PHP

深入HTTP响应状态码速查表的详解

2013/06/07 PHP

PHP编程基本语法快速入门手册

2016/01/07 PHP

jquery dialog键盘事件代码

2010/08/01 Javascript

HTML上传控件取消选择

2013/03/06 Javascript

JavaScript结合AJAX_stream实现流式显示

2015/01/08 Javascript

js实现新年倒计时效果

2015/12/10 Javascript

深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性

2015/12/16 Javascript

超链接怎么正确调用javascript函数

2016/05/23 Javascript

微信小程序 swiper组件详解及实例代码

2016/10/25 Javascript

Bootstrap实现渐变顶部固定自适应导航栏

2020/08/27 Javascript

javaScript中封装的各种写法示例（推荐）

2017/07/03 Javascript

Node.js 使用递归实现遍历文件夹中所有文件

2017/09/18 Javascript

在JavaScript中使用严格模式(Strict Mode)

2019/06/13 Javascript

node.js实现带进度条的多文件上传

2020/03/27 Javascript

详解vue中多个有顺序要求的异步操作处理

2019/10/29 Javascript

vue 实现cli3.0中使用proxy进行代理转发

2019/10/30 Javascript

JSON获取属性值方法代码实例

2020/06/30 Javascript

python保存网页图片到本地的方法

2018/07/24 Python

对python for 文件指定行读写操作详解

2018/12/29 Python

Django Celery异步任务队列的实现

2019/07/24 Python

Django ORM 常用字段与不常用字段汇总

2019/08/09 Python

python变量的作用域是什么

2020/05/26 Python

一款基于css3的列表toggle特效实例教程

2015/01/04 HTML / CSS

英国最出名高街品牌：Forever Unique

2018/02/24 全球购物

香港最大的洋酒零售连锁店：屈臣氏酒窖（Watson’s Wine）

2018/12/10 全球购物

美国新娘礼品店：The Paisley Box

2020/09/08 全球购物

建筑自我鉴定

2013/10/19 职场文书

消防安全汇报材料

2014/02/08 职场文书

吨的认识教学反思

2014/04/27 职场文书

2014党员整改措施思想汇报

2014/10/07 职场文书

2015年市场部工作总结

2015/04/30 职场文书

2015暑期社会实践调查报告

2015/07/14 职场文书

如何制定销售人员薪酬制度？

2019/07/09 职场文书

2021年pycharm的最新安装教程及基本使用图文详解

2021/04/03 Python