javascript学习指南_javascript HTML颜色选择器代码

【www.gdgbn.com--php常用代码】

提示：您可以先修改部分代码再运行

<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> 
 
<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(); 
}

提示：您可以先修改部分代码再运行

本文来源：http://www.gdgbn.com/jiaocheng/28121/

上一篇： [php数字分页类的代码]php数字分页类的代码

下一篇： javascript学习指南|javascript substr和substring详细代码

javascript学习指南_javascript HTML颜色选择器代码

相关推荐

网友关注

热门标签

最新php常用代码

php常用代码热门文章