文档章节

进度条,颜色选取

小敏virgo
 小敏virgo
发布于 2015/02/02 11:36
字数 123
阅读 14
收藏 0
<!-- lang: html -->
> <!DOCTYPE html> <html> <head>
<!-- lang: html -->
>     <title></title>
<!-- lang: html -->
> 
<!-- lang: html -->
> </head> <body> <input type="color" id="color"
<!-- lang: html -->
> onchange="color_change()"> <span id="currentColor"></span> <div
<!-- lang: html -->
> id="showcolor">color</div> <input id="range1" type="range" min=0
<!-- lang: html -->
> max=100 step=5 value=10 onchange="value_change()"> <output
<!-- lang: html -->
> id="output1">10</output> <script type="text/javascript">
<!-- lang: html -->
>     function value_change(){
<!-- lang: html -->
>         var number = document.getElementById("range1").value;
<!-- lang: html -->
>         document.getElementById("output1").value = number;
<!-- lang: html -->
>     }
<!-- lang: html -->
> 
<!-- lang: html -->
>     function color_change(){
<!-- lang: html -->
>         document.getElementById("showcolor").style.background =document.getElementById("color").value;
<!-- lang: html -->
>     } </script> </body> </html>

但是不知道如何在IE8及一下如何显示

© 著作权归作者所有

上一篇: 学习笔记
下一篇: 表单
小敏virgo
粉丝 8
博文 43
码字总数 19197
作品 0
武汉
程序员
私信 提问
PaintCode 教程2:自定义进度条

PaintCode 是一个能够让你像Photoshop一样去设计你的用户界面的软件 – 但是它并不是仅仅保存一张图片当作资源让你来使用,它能够为你生成 CoreGraphic 源码直接使用到View的绘制中. 在这个系...

Snaiper
2016/01/14
95
0
自定义的圆形进度条--CircleProgressBar-Android

一个界面漂亮功能强大的圆形进度条,支持多种属性,如圆环的大小颜色,进度条的大小颜色,进度条的颜色支持渐变色处理,支持圆环中间显示三层文本,支持文本的大小,颜色设置,几乎完美的解决...

htq
2016/07/29
1K
0
带动画渐进效果与颜色渐变的圆弧进度控件设计

带动画渐进效果与颜色渐变的圆弧进度控件设计 今天帮朋友写了一个小巧的圆弧进度控件,控件十分简单,主要设计思路采用CAShapeLayer来创建控件圆弧形状,使用CAGradientLayer来进行颜色渐变的...

珲少
2016/04/16
2.9K
0
YCProgress自定义百分比进度条

目录介绍 1.本库优势亮点 2.使用介绍 2.1 圆环百分比进度条 2.2 直线百分比进度条 2.3 仿杀毒类型百分比进度条 3.注意要点 4.效果展示 5.其他介绍 1.本库优势亮点 圆环百分比进度条 简便且小...

潇湘剑雨
2018/12/04
0
0
6款新颖的jQuery和CSS3进度条插件

现在的网页功能越来越多,尤其是AJAX的广泛应用,进度条和Loading加载动画显得越来越重要了。下面给大家介绍几款比较新颖的jQuery和CSS3进度条Loading加载动画插件,希望对大家有帮助。 1、不...

ruby_chen
2013/03/05
46
0

没有更多内容

加载失败,请刷新页面

加载更多

责任链模式

//这篇博客的博主真的不错,解析的都很清晰明了, https://blog.csdn.net/jason0539/article/details/45091639

南桥北木
31分钟前
2
0
Flutter -------- dio网络请求

dio是Flutter中文网开源的一个强大的Dart Http请求库,支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等... 1.添加依赖# dependencies: dio: 2.1.x #...

切切歆语
41分钟前
1
0
PHP的学习

PHP变量的命名必须以$符开始,如: $i;$j;$name; $符后面的第一个字符不可以是数字,只能是字母或者下划线(_)。 除了下划线(_)之外,变量中不能出现任何特殊字符,也就是变量只能包含...

墨冥
今天
2
0
一篇文章彻底搞懂Java虚拟机

概念: 虚拟机:指以软件的方式模拟具有完整硬件系统功能、运行在一个完全隔离环境中的完整计算机系统 ,是物理机的软件实现。常用的虚拟机有VMWare,Visual Box,Java Virtual Machine(Jav...

骚年锦时
今天
3
0
C 语言 二级指针的使用

#include <stdio.h>#include <stdlib.h>typedef struct node Node;struct node {int data;struct node* next;struct node* prev;};Node head;Node* insert(Node......

小张525
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部