javascript实现控制div颜色
js控制div颜色
<html> <head> </head> <style> #div1{width:400px;height:400px;background-color:red;} </style> <script> function blue(){ div1=document.getElementById('div1'); div1.style.backgroundColor='blue'; } function pink(){ div1=document.getElementById('div1'); div1.style.backgroundColor='pink'; } function black(){ div1=document.getElementById('div1'); div1.style.backgroundColor='black'; } </script> <body> <button onclick='wr();'>生成文字</button> <button onclick='blue();'>blue</button> <button onclick='pink();'>pink</button> <button onclick='black();'>black</button> <div id='div1'> </div>
以上所述就是本文的全部内容了,希望大家能够喜欢。
相关推荐
-
5款Javascript颜色选择器
1. Farbtastic Farbtastic是一个color picker插件.它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框. 2. Color Picker Control (演示地址) Yahoo! UI Library中的颜色选择器. 3. jQuery Color Picker 一个简单的颜色选择控件.操作方式与Adobe photoshop中颜色选择操作置. 4. iColorPicker iColorPicker是一个只有6KB大小的
-
JavaScript实现自动变换表格边框颜色
代码如下,保存到HTML文件也可以查看效果: <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码</title> </head> <body> <table border="0" width="261" id="change_jb51_net" style="border
-
Javascript实现颜色rgb与16进制转换的方法
本文实例讲述了Javascript实现颜色rgb与16进制转换的方法.分享给大家供大家参考.具体如下: 使用方法: Color(12,34,56); Color("#fff") Color("#defdcd") 实现代码: //颜色转换 var Color = function() { if (!(this instanceof Color)) { var color = new Color(); color._init.apply(color, arguments
-
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 全选 注:如需引入外
-
JavaScript取得WEB安全颜色列表的方法
本文实例讲述了JavaScript取得WEB安全颜色列表的方法.分享给大家供大家参考.具体如下: web安全颜色指的是 护眼色, 能够让访问者的眼睛舒服的颜色 //JavaScript取得216种WEB安全色值 var n = 0; var hex = new Array('FF', 'CC', '99', '66', '33', '00'); function colorPanel(){ for (var i = 0; i < 6; i++) { for (var j = 0; j < 6;
-
javascript实现根据3原色制作颜色选择器的方法
本文实例讲述了javascript实现根据3原色制作颜色选择器的方法.分享给大家供大家参考.具体如下: document.write('<div id="msecolor"><div class="aa"><div class="ab"><div class="ab1"><select onchange="T.f(this.value)"><
-
Javascript实现Web颜色值转换
最近一直忙碌于完成业务需求,好长时间没有写博客了.今天稍微有些时间,翻看了一下最近项目中的一些前端代码,看到Web颜色转换功能的时候,突然想到当我们在做一些颜色设置/编辑的需求时,经常会涉及到各种颜色值格式的互换.于是我决定记录一下我在做这一部分功能的时候是如何实现的,写下来和大家分享一下,希望读者们各抒己见,多多交流. 先看看问题 问题一,当我们在进行网页前端开发的时候,经常会使用 dom.style.backgroundColor = "#f00" 来设置某个 DOM 元素的背景颜
-
JavaScript动态修改背景颜色的方法
本文实例讲述了JavaScript动态修改背景颜色的方法.分享给大家供大家参考.具体如下: <html> <head> <title>Background Color Changer</title> <script language = JavaScript> <!-- function BG_yellow() { document.bgColor = 0xFFFF00 } function BG_thistle() { document.
-
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
在日常开发中,经常会用到不同格式的颜色域值之间的相互转换,以下给出一种解决方法. 复制代码 代码如下: //十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; /*RGB颜色转换为16进制*/ String.prototype.colorHex = function(){ var that = this; if(/^(rgb|RGB)/.test(that)){ var aColor = th
-
javascript实现rgb颜色转换成16进制格式
自己试过很好用 function zero_fill_hex(num, digits) { var s = num.toString(16); while (s.length < digits) s = "0" + s; return s; } function rgb2hex(rgb) { if (rgb.charAt(0) == '#') return rgb; var ds = rgb.split(/\D+/); var decimal = Number(ds[1]) *
随机推荐
- PHP6 mysql连接方式说明
- 最常用的PHP正则表达式收集整理
- 系统蓝屏的代码详解
- Base64加解密的实现方式实例详解
- 在ASP.NET 2.0中操作数据之十六:概述插入、更新和删除数据
- C语言连接并操作Sedna XML数据库的方法
- 基于.Net中的数字与日期格式化规则助记词的使用详解
- asp.net显示相同数字相乘的结果,直到数值大于150为止
- 常用正则表达式收集
- Android RecyclerView设置下拉刷新的实现方法
- 在Docker容器中不需要运行sshd的原因浅析
- Python入门教程之运算符与控制流
- C#实现判断文件夹存在与否并创建文件夹的方法
- 一个简单的javascript图片放大效果代码
- jquery链式操作的正确使用方法
- 详细分析交换机的堆叠与级连的区别
- 在Spring中自动装配Bean的属性
- vue2.0模拟锚点的实例
- 解决layui中的form表单与button的点击事件冲突问题
- Java基于迭代器模式实现的访问人员列表操作示例