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

 更新时间:2015年02月24日 15:23:31   作者:代码家园  
这篇文章主要介绍了JS实现让访问者自助选择网页文字颜色的方法,涉及javascript针对radio表单控件的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

相关文章

  • parabola.js抛物线与加入购物车效果的示例代码

    parabola.js抛物线与加入购物车效果的示例代码

    本篇文章主要介绍了parabola.js抛物线与加入购物车效果的示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • JS简单实用的倒计时效果实现代码

    JS简单实用的倒计时效果实现代码

    没有事研究了下倒计时的效果,因此自己练习了一下,需要的朋友可以参考下
    2012-08-08
  • IE的有条件注释判定IE版本详解(附实例代码)

    IE的有条件注释判定IE版本详解(附实例代码)

    IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块(不一定就是css,也可以是html代码,甚至是JavaScript代码)。
    2012-01-01
  • 微信小程序中实现微信支付完整步骤

    微信小程序中实现微信支付完整步骤

    这篇文章主要给大家介绍了关于微信小程序中实现微信支付的相关资料,微信小程序支付是一种常见的支付方式,实现起来相对较为复杂,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • javascript 使用sleep函数的常见方法详解

    javascript 使用sleep函数的常见方法详解

    这篇文章主要介绍了javascript 使用sleep函数的常见方法,结合实例形式分析总结了javascript sleep函数的功能、常见使用方法与操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 一文学会JavaScript如何手写防抖节流

    一文学会JavaScript如何手写防抖节流

    其实防抖和节流不仅仅在面试中会让大家手写,在实际项目中也可以起到性能优化的作用,所以还是很有必要掌握的。这篇文章就带大家彻底学会JavaScript手写防抖节流,希望对大家有所帮助
    2022-11-11
  • 解读函数的节流与防抖问题

    解读函数的节流与防抖问题

    这篇文章主要介绍了解读函数的节流与防抖问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • JS瀑布流实现方法实例分析

    JS瀑布流实现方法实例分析

    这篇文章主要介绍了JS瀑布流实现方法,结合实例形式分析了javascript瀑布流加载图片效果的实现原理、步骤与相关操作技巧,需要的朋友可以参考下
    2016-12-12
  • 如何在JavaScript中使用map()迭代数组详细步骤

    如何在JavaScript中使用map()迭代数组详细步骤

    在JavaScript中循环迭代数组的方法有很多种,下面这篇文章主要给大家介绍了关于如何在JavaScript中使用map()迭代数组的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-02-02
  • 微信小程序 (地址选择1)--选取搜索地点并显示效果

    微信小程序 (地址选择1)--选取搜索地点并显示效果

    这篇文章主要介绍了微信小程序 (地址选择1)--选取搜索地点并显示效果,实现思路是通过拖动地图,搜索地址,选择地址并将地址值传给文本框,具体实例代码跟随小编一起看看吧
    2019-12-12

最新评论