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

Mootools 1.2教程设置和获取样式表属性

Sep 15 Javascript

JavaScript日历实现代码

Sep 12 Javascript

jQuery+ajax实现鼠标单击修改内容的思路

Jun 29 Javascript

JavaScript中的pow()方法使用详解

Jun 15 Javascript

jquery控制显示服务器生成的图片流

Aug 04 Javascript

JavaScript编写检测用户所使用的浏览器的代码示例

May 05 Javascript

React Native自定义控件底部抽屉菜单的示例

Feb 08 Javascript

如何用input标签和jquery实现多图片的上传和回显功能

May 16 jQuery

Vue结合后台导入导出Excel问题详解

Feb 19 Javascript

vue项目中使用scss的方法步骤

May 16 Javascript

JS中封装axios来管控api的2种方式

Sep 11 Javascript

bootstrap table实现iview固定列的效果实例代码详解

Sep 30 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之数组(遍历顺序) Laruence原创

2012/06/13 PHP

变量在 PHP7 内部的实现（一）

2015/12/21 PHP

php插入mysql数据返回id的方法

2018/05/31 PHP

多个Laravel项目如何共用migrations详解

2018/09/25 PHP

PDO::beginTransaction讲解

2019/01/27 PHP

动态控制Table的js代码

2007/03/07 Javascript

jquery 常用操作方法

2010/01/28 Javascript

Jqyery中同等与js中windows.onload的应用

2011/05/10 Javascript

基于jquery & json的省市区联动代码

2012/06/26 Javascript

jQuery判断密码强度实现思路及代码

2013/04/24 Javascript

关于javaScript注册click事件传递参数的不成功问题

2014/07/18 Javascript

JavaScript使用Prototype实现面向对象的方法

2015/04/14 Javascript

JS组件Bootstrap实现弹出框和提示框效果代码

2015/12/08 Javascript

正则表达式(语法篇推荐)

2016/06/24 Javascript

WebSocket+node.js创建即时通信的Web聊天服务器

2016/08/08 Javascript

Angular2使用Angular CLI快速搭建工程（一）

2017/05/21 Javascript

nodejs利用ajax实现网页无刷新上传图片实例代码

2017/06/06 NodeJs

JavaScript模块模式实例详解

2017/10/25 Javascript

基于Bootstrap实现城市三级联动

2017/11/23 Javascript

angularJs提交文本框数据到后台的方法

2018/10/08 Javascript

微信小程序 scroll-view 实现锚点跳转功能

2019/12/12 Javascript

JS实现可视化音频效果的实例代码

2020/01/16 Javascript

[00:32]2018DOTA2亚洲邀请赛EG出场

2018/04/03 DOTA

python实现RSA加密(解密)算法

2016/02/17 Python

Python 3.x 判断 dict 是否包含某键值的实例讲解

2018/07/06 Python

对pycharm代码整体左移和右移缩进快捷键的介绍

2018/07/16 Python

Python列表list排列组合操作示例

2018/12/18 Python

python图像处理入门（一）

2019/04/04 Python

关于django python manage.py startapp 应用名出错异常原因解析

2020/12/15 Python

python中altair可视化库实例用法

2021/01/26 Python

全球速卖通西班牙站：AliExpress西班牙

2017/10/30 全球购物

小学开学典礼主持词

2014/03/19 职场文书

工作失职检讨书500字

2014/10/17 职场文书

风之谷观后感

2015/06/11 职场文书

Java 实现限流器处理Rest接口请求详解流程

2021/11/02 Java/Android

Spring Data JPA框架Repository自定义实现

2022/04/28 Java/Android