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; j++) { for (var k = 0; k < 6; k++) { n++; var color = hex[j] + hex[k] + hex[i]; document.write(color + '<br />'); } } } }
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
javascript+css3 实现动态按钮菜单特效
一个菜单按钮特效案例,简单的实现了动态效果. 废话不多说了,直接给大家贴代码了,代码写好不好,还请给位大侠多多指教. <div class="bar" id="menubar"> <div class="menu" id="menu0"> </div> <div class="menu" id="menu1"> </div> &
-
JavaScript获取图片像素颜色并转换为box-shadow显示
一.原理: 1.使用HTML5的FileReader API读取图片 FileReader文件读物器,用于读取客户端文件到,注意,文件读取完毕后并不会载入缓存 eg: var upfile = document.querySelector('#upfile'); var fileReader = new FileReader(); fileReader.onload = function(evt) { if(FileReader.DONE==fileReader.readyState) { va
-
js 获取和设置css3 属性值的实现方法
众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了. 如: <div style="left:100px"></div> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left='100px' 即可.很简单. 但是css3来了 如: <div style="-webkit-transform: translate(20px,-20px)"></di
-
js+css绘制颜色动态变化的圈中圈效果
本文实例讲述了js+css绘制颜色动态变化的圈中圈效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <html> <head> <title>circle</title> <style type="text/css" > .circle { border-radius:50%; background:#DDDDDD; } .circle_inside { width:80%; height:80%;
-
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]) *
-
js点击列表文字对应该行显示背景颜色的实现代码
本文实例讲述了js点击列表文字,实现该行文字显示背景颜色的方法.分享给大家供大家参考.具体如下: JS控制li,鼠标点击时class自动加上,给列表文字产生自己喜欢的背景色的网页特效. 运行效果图如下: <style type="text/css"> li{cursor:pointer;} .cur{background:red;} </style> <script type="text/javascript"> windo
-
APP中javascript+css3实现下拉刷新效果
原生app里的数据列表都会使用下拉刷新的效果,在webapp里可以采用iscroll.swiper等插件或框架实现,那么如何自己编码实现类似的效果呢,下面介绍使用原生js+css3实现的简单效果. html布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-
-
基于javascript实现随机颜色变化效果
本文实例讲解了基于javascript实现随机颜色变化效果,分享给大家供大家参考,具体内容如下 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>随机颜色变化效果</title> <style type="text/css"> #thediv{
-
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
-
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
表格GridPanel概述 ExtJS中的表格功能非常强大,包括了排序.缓存.拖动.隐藏某一列.自动显示行号.列汇总.单元格编辑等实用功能. 表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid.ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store.表格的列信息由类Ext.grid.Column(以前是由Ext.grid.ColumnModel定义).而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同
随机推荐
- sql 判断数据库,表,存储过程等是否存在的代码
- JQuery中基础过滤选择器用法实例分析
- angularJs的ng-class切换class
- javascript监听鼠标滚轮事件浅析
- 微信小程序(二十一)switch组件详细介绍
- php打开远程文件的方法和风险及解决方法
- Android模仿实现闲鱼首页的思路与方法
- PHP 使用header函数设置HTTP头的示例解析 表头
- node.js中的fs.readlink方法使用说明
- Python实现的简单dns查询功能示例
- jQuery简单实现两级下拉菜单效果代码
- JavaScript多图片上传案例
- C# 灵活使用类的方法
- 使用Spring的AbstractRoutingDataSource实现多数据源切换示例
- C++字符数组的输入输出和字符串结束标志使用讲解
- 解决JavaScript layui 下拉框不显示的问题
- 详解php+nginx 服务发生500 502错误排查思路
- 浅谈Spring Security 对于静态资源的拦截与放行
- 35个最好用的Vue开源库(史上最全)
- jQuery实现动态显示select下拉列表数据的方法