编程 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 火狐(firefox)不显示本地图片问题解决

Jul 05 Javascript

无阻塞加载脚本分析[全]

Jan 20 Javascript

JavaScript 函数replace深入了解

Mar 14 Javascript

解决extjs grid 不随窗口大小自适应的改变问题

Jan 26 Javascript

三种取消选中单选框radio的方法

Sep 09 Javascript

深入浅析JavaScript中with语句的理解

May 12 Javascript

第七篇Bootstrap表单布局实例代码详解(三种表单布局)

Jun 21 Javascript

AngularJs 指令详解及示例代码

Sep 01 Javascript

BootStrop前端框架入门教程详解

Dec 25 Javascript

ionic3+Angular4实现接口请求及本地json文件读取示例

Oct 11 Javascript

ES6入门教程之let、const的使用方法

Apr 13 Javascript

VUE单页面切换动画代码(全网最好的切换效果)

Oct 31 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 抽象类的简单应用

2011/09/06 PHP

php.ini修改php上传文件大小限制的方法详解

2013/06/17 PHP

PHP采集静态页面并把页面css,img,js保存的方法

2014/12/23 PHP

PHP观察者模式原理与简单实现方法示例

2017/08/25 PHP

Laravel timestamps 设置为unix时间戳的方法

2019/10/11 PHP

JQuery 学习笔记选择器之六

2009/07/23 Javascript

javascript变量作用域使用中常见错误总结

2013/03/26 Javascript

js限制文本框只能输入数字方法小结

2014/06/16 Javascript

js单独获取一个checkbox看其是否被选中

2014/09/22 Javascript

jQuery内部原理和实现方式浅析

2015/02/03 Javascript

JavaScript动态加载样式表的方法

2015/03/21 Javascript

javascript实现随机生成DIV背景色

2016/06/20 Javascript

jQuery ajax方法传递中文时出现中文乱码的解决方法

2016/07/25 Javascript

完美解决jQuery符号$与其他javascript 库、框架冲突的问题

2016/08/09 Javascript

vue router动态路由下让每个子路由都是独立组件的解决方案

2018/04/24 Javascript

layUI实现前端分页和后端分页

2019/07/27 Javascript

使用typescript构建Vue应用的实现

2019/08/26 Javascript

JavaScript实现简单的弹窗效果

2020/05/19 Javascript

小程序实现录音功能

2020/09/22 Javascript

在Python中操作时间之strptime()方法的使用

2020/12/30 Python

在Python的Django框架下使用django-tagging的教程

2015/05/30 Python

详谈Python高阶函数与函数装饰器(推荐)

2017/09/30 Python

pycharm下打开、执行并调试scrapy爬虫程序的方法

2017/11/29 Python

python取代netcat过程分析

2018/02/10 Python

Python安装lz4-0.10.1遇到的坑

2018/05/20 Python

Python实现的tcp端口检测操作示例

2018/07/24 Python

基于python-opencv3的图像显示和保存操作

2019/06/27 Python

Python django框架输入汉字，数字，字符生成二维码实现详解

2019/09/24 Python

详解anaconda安装步骤

2020/11/23 Python

解决canvas转base64/jpeg时透明区域变成黑色背景的方法

2016/10/23 HTML / CSS

日本最新流行服饰网购：Nissen

2016/07/24 全球购物

美国隐形眼镜销售网站：ContactsDirect

2017/10/28 全球购物

建筑施工实习自我鉴定

2013/09/19 职场文书

2014年元旦促销活动方案

2014/02/22 职场文书

党校毕业心得体会

2014/09/13 职场文书

CSS 实现磨砂玻璃(毛玻璃)效果样式

2023/05/21 HTML / CSS