编程 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 相关文章推荐

各情景下元素宽高的获取实现代码

Sep 13 Javascript

js 实现css风格选择器（压缩后2KB）

Jan 12 Javascript

jquery鼠标放上去显示悬浮层即弹出定位的div层

Apr 25 Javascript

js取得html iframe中的元素和变量值

Jun 30 Javascript

JS使用正则表达式除去字符串中重复字符的方法

Nov 05 Javascript

js中的关联数组与普通数组详解

Jul 27 Javascript

JS基于onclick事件实现单个按钮的编辑与保存功能示例

Feb 13 Javascript

Javascript实现的StopWatch功能示例

Jun 13 Javascript

使用express搭建一个简单的查询服务器的方法

Feb 09 Javascript

vue element项目引入icon图标的方法

Jun 06 Javascript

写gulp遇到的ES6问题详解

Dec 03 Javascript

详解JSON和JSONP劫持以及解决方法

Mar 08 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

Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境

2015/03/03 PHP

PHP简单数据库操作类实例【支持增删改查及链式操作】

2016/10/10 PHP

Laravel中日期时间处理包Carbon的简单使用

2017/09/21 PHP

yii框架结合charjs实现统计30天数据的方法

2020/04/04 PHP

javascript控制frame,iframe的src属性代码

2009/12/31 Javascript

用示例说明filter()与find()的用法以及children()与find()的区别分析

2013/04/26 Javascript

js导航栏单击事件背景变换示例代码

2014/01/13 Javascript

在Node.js中使用HTTP上传文件的方法

2015/06/23 Javascript

js实现文本框宽度自适应文本宽度的方法

2015/08/13 Javascript

JavaScript对HTML DOM使用EventListener进行操作

2015/10/21 Javascript

JS实现上下左右对称的九九乘法表

2016/02/22 Javascript

理解javascript模块化

2016/03/28 Javascript

JQuery动态添加Select的Option元素实现方法

2016/08/29 Javascript

微信小程序 wxapp导航 navigator详解

2016/10/31 Javascript

angular十大常见问题

2017/03/07 Javascript

JS实现批量上传文件并显示进度功能

2017/06/27 Javascript

Angular 4中如何显示内容的CSS样式示例代码

2017/11/06 Javascript

jQuery+Cookie实现切换皮肤功能【附源码下载】

2018/03/25 jQuery

解决在vue项目中webpack打包后字体不生效的问题

2018/09/01 Javascript

Python多线程结合队列下载百度音乐的方法

2015/07/27 Python

python魔法方法-属性访问控制详解

2016/07/25 Python

使用python Fabric动态修改远程机器hosts的方法

2018/10/26 Python

解决Django后台ManyToManyField显示成Object的问题

2019/08/09 Python

Python datetime包函数简单介绍

2019/08/28 Python

Django vue前后端分离整合过程解析

2020/11/20 Python

html5简单示例_动力节点Java学院整理

2017/07/07 HTML / CSS

美国百年历史早餐食品供应商：Wolferman’s

2017/01/18 全球购物

定制iPhone和Macbook保护壳：Slick Case

2018/11/21 全球购物

介绍一下HTTP、HTTPS和SSL

2012/12/16 面试题

医学生自荐信

2013/12/03 职场文书

电子商务专业学生职业生涯规划

2014/03/07 职场文书

节能宣传周活动总结

2014/05/08 职场文书

俄语专业毕业生求职信

2014/07/12 职场文书

应届生求职自荐信范文

2015/03/04 职场文书

2016国庆节67周年红领巾广播稿

2015/12/18 职场文书

docker compose 部署 golang 的 Athens 私有代理问题

2022/04/28 Servers