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 颜色选择插件
COLPICK是一款非常的轻小,无需图片就可以实现颜色选择器的jquery插件,只用 JS 和 CSS 就实现了全部功能,而且非常直观,类似Photoshop的界面,使用方便.颜色的明暗很容易自定义,整个整个都是用html5+ CSS3实现外观而,插件只有28 KB,浏览器加载速度可以说是非常快的,而在低于IE9的版本也可以使用,只需载入了支持html5的html5shiv.js. 下载该插件和 colpick.js 和 colpick.css 添加到您的文档的头: <script src=&quo
-
js颜色选择器代码[firefox不支持]
最简单的,在body区域加入: 复制代码 代码如下: <OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0" height="0"></OBJECT> 调用的JS: 复制代码 代码如下: <script type="text/javascript"> var
-
JS小功能(button选择颜色)简单实例
效果: 代码: 复制代码 代码如下: <head runat="server"> <title></title> <style type="text/css"> #red { width: 260px; height: 200px; background: #FF0000; display:
-
js 颜色选择器(兼容firefox)
复制代码 代码如下: <!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=&qu
-
js实现可得到不同颜色值的颜色选择器实例
本文实例讲述了js实现可得到不同颜色值的颜色选择器.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>js颜色选择器,可得到不同的颜色值</title> </head> <body> <input id=kkk1 style=position:absolute;left:0;top:0> <input id=kkk2 style=position:absolut
-
JavaScript获取系统自带的颜色选择器功能(图)
效果如图所示:下面是获取系统自带的颜色选择器的代码: function $(obj) { return document.getElementById(obj); } function pickColor() { if (!window.isIE) return; var sColor = $('dlgHelper').ChooseColorDlg(); var color = sColor.toString(16); while (color.length [Ctrl+A 全选 注:如需引入外
-
js实现的简单radio背景颜色选择器代码
本文实例讲述了js实现的简单radio背景颜色选择器.分享给大家供大家参考.具体如下: 这里演示的js实现radio网页背景颜色选择器,只需点击对应颜色的radio单选框,就可以改变网页的背景颜色,简单方便,实用的javaScript网页特效. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
-
鼠标选择动态改变网页背景颜色的JS代码
采用Javascript实现,用鼠标点击相应颜色,动态改变网页背景颜色 这是截图 相应的Javascript源代码为: 复制代码 代码如下: var hex = new Array(6) hex[0] = "FF"hex[1] = "CC"hex[2] = "99"hex[3] = "66"hex[4] = "33"hex[5] = "00"function display(triple
-
5款Javascript颜色选择器
1. Farbtastic Farbtastic是一个color picker插件.它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框. 2. Color Picker Control (演示地址) Yahoo! UI Library中的颜色选择器. 3. jQuery Color Picker 一个简单的颜色选择控件.操作方式与Adobe photoshop中颜色选择操作置. 4. iColorPicker iColorPicker是一个只有6KB大小的
-
JS实现简单面向对象的颜色选择器实例
本文实例讲述了JS实现简单面向对象的颜色选择器.分享给大家供大家参考,具体如下: <!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"> <he
-
javascript实现根据3原色制作颜色选择器的方法
本文实例讲述了javascript实现根据3原色制作颜色选择器的方法.分享给大家供大家参考.具体如下: document.write('<div id="msecolor"><div class="aa"><div class="ab"><div class="ab1"><select onchange="T.f(this.value)"><
随机推荐
- angular+ionic 的app上拉加载更新数据实现方法
- js判断当前浏览器类型,判断IE浏览器方法
- 修改TTL值的具体实现方法,防内网“窥视”
- Apache shiro的简单介绍与使用教程(与spring整合使用)
- NodeJS使用jQuery选择器操作DOM
- namespace.js Javascript的命名空间库
- JavaScript判断DOM何时加载完毕的技巧
- 非常有用的9个PHP代码片段
- php array_values 返回数组的值实例详解
- php adodb分页实现代码
- 介绍Python的Django框架中的QuerySets
- C 语言指针概念的详解
- php实现表单多按钮提交action的处理方法
- Vim中的几种文件备份方法总结
- VBScript 打造自己的远程CMDShell附使用教程
- cmake ios终端下执行提示错误 iOS version not found, tested: [5.0;5.1;6.0;6.1;7.0;8.3]的解决方案
- 从零开始学习jQuery (一) 开天辟地入门篇
- Python下使用Psyco模块优化运行速度
- 浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
- JavaScript实现的字符串replaceAll函数代码分享