首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
JS实现的网页上的颜色拾色器
所属分类：
网络编程
/
JavaScript
阅读数： 1433
收藏 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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
Canvas实现放射线动画效果
本文主要分享了Canvas实现放射线动画的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
评论 0
收藏 0
赞 0
分享
微信小程序 image组件binderror使用例子与js中的onerror区别
这篇文章主要介绍了微信小程序 image组件binderror使用例子与js中的onerror区别的相关资料,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
原生js轮播（仿慕课网）
本文主要分享了原生js实现仿慕课网的轮播效果。具有很好的参考价值，下面跟着小编一起来看下吧
评论 0
收藏 0
赞 0
分享
Bootstrap table简单使用总结
这篇文章主要为大家总结了Bootstrap table的简单使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
微信小程序之MaterialDesign--input组件详解
本篇文章主要介绍了微信小程序之MaterialDesign--input组件详解，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
评论 0
收藏 0
赞 0
分享
浅析javaScript中的浅拷贝和深拷贝
本篇文章主要介绍了浅析javaScript中的浅拷贝和深拷贝，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
js时间戳和c#时间戳互转方法(推荐)
下面小编就为大家带来一篇js时间戳和c#时间戳互转方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
Bootstrap模态框使用详解
这篇文章主要为大家详细介绍了Bootstrap模态框的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
Jil,高效的json序列化和反序列化库
下面小编就为大家带来一篇Jil,高效的json序列化和反序列化库。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
BootStrap实现带关闭按钮功能
这篇文章主要介绍了BootStrap实现带关闭按钮功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
又被电商耍?2015.6·18年中大促"先涨后降"把戏仍在
个人站长经常做的国内广告联盟
sp项目教程：最新日赚500元教程
做什么样的网站能赚钱?
如何通过网络赚钱？互联网广告模式你知道多少
网赚如何避免上当受骗?网赚骗子如何防?
站长故事
更多
有钱就是任性 2014年科技界大佬十大惊人语录
一个大学生自述：我是如何把公司做死的
草根站长网站运营:运气创业,勤能过日子
那些跟马化腾一起创业的亿万富翁们
站长从菜鸟到资深必经过程
草根站长告诉你通过互联网赚钱到底难不难(真实经历)
