编程 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绝句欣赏一些经典的js代码

Feb 22 Javascript

js indexOf()定义和用法

Oct 21 Javascript

用js+iframe形成页面的一种遮罩效果的具体实现

Dec 31 Javascript

jquery渐隐渐显的图片幻灯闪烁切换实现方法

Feb 26 Javascript

JavaScript中Date对象的常用方法示例

Oct 24 Javascript

第三篇Bootstrap网格基础

Jun 21 Javascript

JavaScript实现时间倒计时跳转(推荐)

Jun 28 Javascript

vue2.0实战之基础入门（1）

Mar 27 Javascript

如何使用JS在HTML中自定义字符串格式化

Jul 20 Javascript

VUE-Table上绑定Input通过render实现双向绑定数据的示例

Aug 27 Javascript

小程序实现背景音乐播放和暂停

Jun 19 Javascript

前端vue+express实现文件的上传下载示例

Feb 18 Vue.js

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

使用session判断用户登录用户权限(超简单)

2013/06/08 PHP

浅析ThinkPHP中的pathinfo模式和URL重写

2014/01/06 PHP

jquery获取多个checkbox的值异步提交给php的方法

2015/06/24 PHP

微信获取用户地理位置信息的原理与步骤

2015/11/12 PHP

再次更新！MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)

2007/02/05 Javascript

javascript 语法基础想学习js的朋友可以看看

2009/12/16 Javascript

IE中createElement需要注意的一个问题

2010/07/13 Javascript

js操作IE浏览器弹出浏览文件夹可以返回目录路径

2014/07/14 Javascript

JS实现光滑展开合拢的菜单效果代码

2015/09/16 Javascript

基于javascript实现checkbox复选框实例代码

2016/01/28 Javascript

基于javascript实现九宫格大转盘效果

2020/05/28 Javascript

KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法

2016/10/05 Javascript

BootStrapValidator校验方式

2016/12/19 Javascript

使用JavaScript触发过渡效果的方法

2017/01/19 Javascript

bmob js-sdk 在vue中的使用教程

2018/01/21 Javascript

零基础之Node.js搭建API服务器的详解

2019/03/08 Javascript

pm2发布node配置文件ecosystem.json详解

2019/05/15 Javascript

Element ui 下拉多选时新增一个选择所有的选项

2019/08/21 Javascript

vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作

2020/07/27 Javascript

jquery实现图片放大镜效果

2020/12/23 jQuery

python微信公众号之关键词自动回复

2018/06/15 Python

python实现两个经纬度点之间的距离和方位角的方法

2019/07/05 Python

opencv3/C++实现视频读取、视频写入

2019/12/11 Python

Tensorflow轻松实现XOR运算的方式

2020/02/03 Python

前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)

2018/07/12 HTML / CSS

澳大利亚便宜隐形眼镜购买网站：QUICKLENS Australia

2018/10/06 全球购物

意大利火车票和铁路通行证专家：ItaliaRail

2019/01/22 全球购物

Java中有几种类型的流？JDK为每种类型的流提供了一些抽象类以供继承，请说出他们分别是哪些类？

2012/05/30 面试题

人民教师的自我评价分享

2014/02/21 职场文书

春节联欢晚会主持词范文

2014/03/24 职场文书

乡镇镇长个人整改措施

2014/10/01 职场文书

怀孕辞职信怎么写

2015/02/28 职场文书

幼儿园食品安全责任书

2015/05/08 职场文书

岁月神偷观后感

2015/06/11 职场文书

2016年情人节问候语

2015/11/11 职场文书

详解Flutter网络请求Dio库的使用及封装

2022/04/14 Java/Android