首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
JS实现的网页上的颜色拾色器
所属分类：
网络编程
/
JavaScript
阅读数： 1424
收藏 0
赞 0
分享
使用Js代码编写一个网页上用的颜色拾色器，也就是选择颜色用的，用鼠标单击任意颜色块,将弹出颜色值，当你想使用某种颜色而不知道颜色值的时候，用这个小特效可以告诉你颜色值是多少，比较方便。
<html> <head> <title>颜色拾色器</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body style="font:menu"> <span class="style1"></span> <table border="0" cellspacing="1" cellpadding="3" width="350" align="center" bgcolor="#dddddd"> <tr bgcolor="#FFFFFF"> <td width="10%" align="center"> <select name="select1" onchange="selectmenu(this.value)"> <option value="1" selected>红</option> <option value="2">绿</option> <option value="3">蓝</option> <option value="4">灰</option> </select> </td> <td width="90%" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-size:12px">用鼠标单击下面的颜色块,将弹出颜色值</td> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="10%" align="center"> <table id="table1" border="0" cellspacing="1" cellpadding="0"> </table></td> <td width="90%" align="center"> <table id="table2" border="0" cellspacing="1" cellpadding="0"> </table> </td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
JavaScript this关键字指向常用情况解析
这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
Vue-cli打包后如何本地查看的操作
这篇文章主要介绍了Vue-cli打包后如何本地查看的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
vue cli 3.0通用打包配置代码,不分一二级目录
这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JavaScript事件循环及宏任务微任务原理解析
这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
关于vue-cli3打包代码后白屏的解决方案
这篇文章主要介绍了关于vue-cli3打包代码后白屏的解决方案，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
vue打包静态资源后显示空白及static文件路径报错的解决
这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
vue-cli3访问public文件夹静态资源报错的解决方式
这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JS继承实现方法及优缺点详解
这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
vue或react项目生产环境去掉console.log的操作
这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
潘定国的粉丝经济学的重点：移动互联网核心是以人为本
google
百度联盟点击率低的原因
网络赚钱靠骗吗？
短视频如何赚钱？短视频自媒体实操经验分享(真实)
光大银行网上银行西联汇款收汇方法分享
站长故事
更多
互联网屌丝合伙创业经验分享
阿里IPO在即，看阿里与京东战略和经营之比
揭秘互联网骗子怎么做到月入过万
为什么阿里巴巴要在美国上市不在国内上市？
一个大学生自述：我是如何把公司做死的
作为站长的你是否已有危机感：你被盯上了
