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

javascript模仿msgbox提示效果代码

Jun 10 Javascript

js电信网通双线自动选择技巧

Nov 18 Javascript

jQuery弹出层始终垂直居中相对于屏幕或当前窗口

Apr 01 Javascript

jquery自定义滚动条插件示例分享

Feb 21 Javascript

js获取ajax返回值代码

Apr 30 Javascript

基于jquery实现智能表单验证操作

May 09 Javascript

jQuery 选择同时包含两个class的元素的实现方法

Jun 01 Javascript

js Canvas绘制圆形时钟教程

Feb 06 Javascript

前端构建工具之gulp的语法教程

Jun 12 Javascript

基于vue-video-player自定义播放器的方法

Mar 21 Javascript

JS div匀速移动动画与变速移动动画代码实例

Mar 26 Javascript

基于vue+element实现全局loading过程详解

Jul 10 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

Apache2 httpd.conf 中文版

2006/11/17 PHP

php中的三元运算符使用说明

2011/07/03 PHP

php启用zlib压缩文件的配置方法

2013/06/12 PHP

php curl模拟post请求小实例

2013/11/13 PHP

PHP 文件锁与进程锁的使用示例

2017/08/07 PHP

CI（CodeIgniter）框架中URL特殊字符处理与SQL注入隐患分析

2019/02/28 PHP

php中目录操作opendir()、readdir()及scandir()用法示例

2019/06/08 PHP

Js event事件在IE、FF兼容性问题

2011/01/01 Javascript

js中函数调用的两种常用方法使用介绍

2014/07/17 Javascript

Node.js开发之访问Redis数据库教程

2015/01/14 Javascript

jQuery实现页面滚动时动态加载内容的方法

2015/03/20 Javascript

基于JavaScript实现一定时间后去执行一个函数

2015/12/14 Javascript

前端面试题及答案整理(二)

2016/08/26 Javascript

js获取地址栏参数的两种方法

2017/06/27 Javascript

jQuery查找和过滤_动力节点节点Java学院整理

2017/07/04 jQuery

关于Vue源码vm.$watch()内部原理详解

2019/04/26 Javascript

Element-UI中关于table表格的那些骚操作(小结)

2019/08/15 Javascript

vue组件命名和props命名代码详解

2019/09/01 Javascript

微信小程序监听用户登录事件的实现方法

2019/11/11 Javascript

javascript实现简易计算器功能

2020/09/23 Javascript

vue element和nuxt的使用技巧分享

2021/01/14 Vue.js

[52:02]DOTA2-DPC中国联赛正赛 Phoenix vs Dragon BO3 第二场 2月26日

2021/03/11 DOTA

Python中变量交换的例子

2014/08/25 Python

python入门基础之用户输入与模块初认识

2016/11/14 Python

Python中生成Epoch的方法

2017/04/26 Python

python验证码识别教程之利用投影法、连通域法分割图片

2018/06/04 Python

使用Python制作简单的小程序IP查看器功能

2019/04/16 Python

详解python websocket获取实时数据的几种常见链接方式

2019/07/01 Python

如何利用python给图片添加半透明水印

2019/09/06 Python

CSS3区域模块region相关编写示例

2015/08/28 HTML / CSS

TCP协议通讯的过程和步骤是什么

2015/10/18 面试题

平安家庭事迹材料

2014/12/20 职场文书

2015年幼儿园班主任个人工作总结

2015/10/22 职场文书

简短清晨问候语

2015/11/10 职场文书

高效笔记技巧分享：学会这些让你不再困扰

2019/09/04 职场文书

JAVA长虹键法之建造者Builder模式实现

2022/04/10 Java/Android