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

在firefox和Chrome下关闭浏览器窗口无效的解决方法

Jan 16 Javascript

jQuery通过扩展实现抖动效果的方法

Mar 11 Javascript

手机端实现Bootstrap简单图片轮播效果

Oct 13 Javascript

使用Ajax生成的Excel文件并下载的实例

Nov 21 Javascript

AngularJS双向绑定和依赖反转实例详解

Apr 15 Javascript

jQuery使用zTree插件实现可拖拽的树示例

Sep 23 jQuery

详解vue中使用express+fetch获取本地json文件

Oct 10 Javascript

Angular 作用域scope的具体使用

Dec 11 Javascript

vue组件三大核心概念图文详解

May 30 Javascript

Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义

Aug 20 Javascript

微信小程序实现时间戳格式转换

Jul 20 Javascript

js实现可爱的气泡特效

Sep 05 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

php轻松实现中英文混排字符串截取

2014/05/28 PHP

PHP+MYSQL会员系统的开发实例教程

2014/08/23 PHP

smarty中英文多编码字符截取乱码问题解决方法

2014/10/28 PHP

laravel中短信发送验证码的实现方法

2018/04/25 PHP

php使用pecl方式安装扩展操作示例

2019/08/12 PHP

Add a Table to a Word Document

2007/06/15 Javascript

google地图的路线实现代码

2009/08/20 Javascript

JS Excel读取和写入操作（模板操作）实现代码

2010/04/11 Javascript

JavaScript 拾碎[三] 使用className属性

2010/10/16 Javascript

jquery 实现input输入什么div图层显示什么

2014/06/15 Javascript

对Web开发中前端框架与前端类库的一些思考

2015/03/27 Javascript

jquery实现鼠标拖拽滑动效果来选择数字的方法

2015/05/04 Javascript

jQuery简单实现验证邮箱格式

2015/07/15 Javascript

JS中正则表达式只有3种匹配模式(没有单行模式)详解

2016/07/28 Javascript

微信小程序模版渲染详解

2018/01/26 Javascript

Vue 仿QQ左滑删除组件功能

2018/03/12 Javascript

JavaScript事件对象event用法分析

2018/07/27 Javascript

在react中使用vuex的示例代码

2018/07/30 Javascript

详解vue-cli脚手架中webpack配置方法

2018/08/22 Javascript

Vue组件通信的几种实现方法

2019/04/25 Javascript

深入浅析vue中cross-env的使用

2019/09/12 Javascript

Vue项目中如何使用Axios封装http请求详解

2019/10/23 Javascript

js实现坦克移动小游戏

2019/10/28 Javascript

[04:09]2018年度DOTA2社区贡献奖-完美盛典

2018/12/16 DOTA

python操作gmail实例

2015/01/14 Python

Python中的自省（反射）详解

2015/06/02 Python

解决python3 requests headers参数不能有中文的问题

2019/08/21 Python

python Tornado框架的使用示例

2020/10/19 Python

python 解决函数返回return的问题

2020/12/05 Python

CSS3效果：自定义“W”形运行轨迹实例

2017/03/29 HTML / CSS

2019年.net常见面试问题

2012/02/12 面试题

.TTL是什么？有什么用处，通常那些工具会用到它？（ping? traceroute? ifconfig? netstat?）

2016/05/09 面试题

工作决心书

2014/03/11 职场文书

2015年七年级班主任工作总结

2015/05/21 职场文书

合理化建议书范文

2015/09/14 职场文书

教师学期述职自我鉴定

2019/08/16 职场文书