当前位置: 首页 > 编程笔记 >

JS实现让访问者自助选择网页文字颜色的方法

岳志义
2023-03-14
本文向大家介绍JS实现让访问者自助选择网页文字颜色的方法,包括了JS实现让访问者自助选择网页文字颜色的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js实现可得到不同颜色值的颜色选择器实例,包括了js实现可得到不同颜色值的颜色选择器实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现可得到不同颜色值的颜色选择器。分享给大家供大家参考。具体实现方法如下: 更多js颜色操作可参考本站颜色工具: RGB颜色编码生成器 在线网页配色工具 RGB颜色查询对照表_颜色代码表_颜色的英文名称大全 希望本文所述对大家的javas

  • 本文向大家介绍JS实现网页背景颜色与select框中颜色同时变化的方法,包括了JS实现网页背景颜色与select框中颜色同时变化的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现网页背景颜色与select框中颜色同时变化的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍js实现选中复选框文字变色的方法,包括了js实现选中复选框文字变色的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现选中复选框文字变色的方法。分享给大家供大家参考。具体如下: 这里实现选中复选框时,文字加上一个背景色,变通一下,还是很有用的。 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-checkbox

  • 本文向大家介绍JS实现在页面随时自定义背景颜色的方法,包括了JS实现在页面随时自定义背景颜色的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现在页面随时自定义背景颜色的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JS实现改变HTML上文字颜色和内容的方法,包括了JS实现改变HTML上文字颜色和内容的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现改变HTML上文字颜色和内容的方法。分享给大家供大家参考,具体如下: 1. JavaScript 2. Day 1.html 3. 运行效果截图: PS:这里再提供几款文字特效工具供大家参考: 在线特效文字/彩色文字生成工具: h

  • 本文向大家介绍QML实现圆环颜色选择器,包括了QML实现圆环颜色选择器的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了QML实现圆环颜色选择器的具体代码,供大家参考,具体内容如下 话不多说,先上效果图: ColorSelector组件代码如下,有问题可以留言: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。