javascript HTML颜色选择器代码

作者：袖梨 2022-06-25

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

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

.divColor span 
{ 
display:block; 
float:left; 
 
 
cursor:pointer; 
} 
.divColor .clear 
{ 
height:auto; 
width:auto; 
clear:both; 
font-size:0px; 
line- 
} 
--></style> 
<p> 
<input id="txtColor" style="border: solid 10px black; padding: 2px;" onmouseover="selectColor(this);" type="text" /></p> 
<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 HTML颜色选择器代码

相关文章

精彩推荐