js实现的简单radio背景颜色选择器代码
更新时间：2015年08月18日 15:32:44 作者：企鹅
这篇文章主要介绍了js实现的简单radio背景颜色选择器代码,利用鼠标事件及页面元素动态操作实现页面背景颜色的改变功能,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了js实现的简单radio背景颜色选择器。分享给大家供大家参考。具体如下：
这里演示的js实现radio网页背景颜色选择器，只需点击对应颜色的radio单选框，就可以改变网页的背景颜色，简单方便，实用的javaScript网页特效。
运行效果如下图所示：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/
具体代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>radio颜色选择器</title> <body> <FORM METHOD="POST" NAME="bgcolor"> <font color="silver">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='silver'"><BR> <font color="lightslategray">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightslategray'"><BR> <font color="azure">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='azure'"><BR> <font color="lightgreen">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightgreen'"><BR> <font color="lightblue">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightblue'"><BR> <font color="white">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='white'"><BR> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
JavaScript将Table导出到Excel实现思路及代码
将Table导出到Excel不是一件困难的事，很多语言都可以实现，本文主要介绍下使用JavaScript实现将table导出到excel，思路很清晰感兴趣的你不妨参考下哈2013-03-03
这篇文章主要介绍了小程序怎样让wx.navigateBack更好用的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要给大家介绍了d3.js中强制异步文件读取同步的几种方法，文中给出了详细的介绍和解决方法，对大家具有一定的参考价值，需要的朋友们下面来一起学习学习吧。2017-02-02
Intellij中直接运行ts配置方法:run configuration for typescript
run configuration for typescript 插件本质还是依赖于ts-node来运行,只是其可以帮助我们自动配置好ts-node运行参数,简化使用,这篇文章给大家介绍在Intellij中可以借助插件run configuration for typescript直接运行typescript的方法,感兴趣的朋友一起看看吧2023-08-08
这篇文章主要介绍了director.js实现前端路由使用实例,director.js是最纯粹的路由注册/解析器,它在不刷新页面的情况下,利用“#”符号组织不同的URL路径,需要的朋友可以参考下2015-02-02
Javascript获取与设置ckeditor数据的实现方法
最近编辑器后台升级成了ckeditor,但原来后台有很多对应编辑器内容的替换功能,那么就需要用js获取ckeditor编辑器里面的内容,这里就为大家介绍一下具体的实现方法2023-08-08
这篇文章主要介绍了js子页面如何获取父页面数据,需要的朋友可以参考下2014-05-05
我一直使用printf调试程序，一般来说都是比较顺利，但有时候，你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用2014-03-03
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
Bootstrap提供了三种表单布局：垂直表单，内联表单和水平表单。接下来通过本文给大家介绍Bootstrap表单布局实例代码详解，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
下面小编就为大家带来一篇表单元素值获取方式js及java方式的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
最新评论