软件开发培训班 >> 编程开发 >> JavaScript

HTML颜色选择器实现代码

　　本文标签：颜色选择器

<p>HTML颜色选择器</P> 
<p>范围：#000 - #FFF</P> 
<style><!-- 
.divColor div 
{ 
float:left; 
width:5px; 
height:5px; 
line-height:0px; 
font-size:0px; 
cursor:pointer; 
}

.divColor span 
{ 
display:block; 
float:left; 
width:40px; 
height:20px; 
cursor:pointer; 
} 
.divColor .clear 
{ 
height:auto; 
width:auto; 
clear:both; 
font-size:0px; 
line-height:0px; 
} 
--></style> 
<p> 
<input id="txtColor" style="border: solid 10px black; padding: 2px;" onmouseover="selectColor(this);" type="text" /></P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/software/news/2019/11m81020.html"  target=_blank > 只需1秒，一个代码删除Win10所有自带应用，保证速度瞬间提升150% </a></td><td><a href="http://www.zhujiangroad.com/dc/news/2013/3a16126.html"  target=_blank > 摄影入门必读：如何灵活的运用构图三分法
 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/digi/news/2020/10m82124.html"  target=_blank > iPhone屏幕越做越大，电池却越做越小，苹果到底想什么？ </a></td><td><a href="http://www.zhujiangroad.com/web/news/2023/2m87253.html"  target=_blank > 北京惊现摊煎饼机器人 卷到大妈都要被淘汰了 </a></td></tr></table></div> 
<div class="divColor"> 
<script type="text/javascript">// <![CDATA[ 
function selectColor(o) { 
o.style.backgroundColor = #FFF; 
o.style.border = solid 10px  + (o.value ==  ? black : o.value); 
}

function showColor(color) { 
document.getElementById(txtColor).style.border = solid 10px  + color; 
}

function setColor(color) { 
var txtColor = document.getElementById(txtColor); 
txtColor.value = color; 
txtColor.style.backgroundColor = color; 
txtColor.select(); 
txtColor.focus(); 
}

技术文章快速查找

JavaScript CSS修改学习第三章修改样式表

多个js与css文件的合并方法详细说明

js处理json以及字符串的比较等常用操作

javascript 的面向对象特性参考

jquery 轮换显示第一小个例子

jquery异步请求实例代码

jquery validate.js表单验证的基本用法入门

css+js下拉菜单

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建