<html> | |
<head> | |
<meta charset="utf-8" /> | |
<title>html5 input color标签</title> | |
</head> | |
<body style="overflow:hidden;"> | |
<input style="position:absolute;left:3000px;"type="color"id="color" /> | |
<button id="btn">弹出色盘</button> | |
</body> | |
</html> | |
<script type="text/javascript"> | |
document.getElementById('btn').onclick = function(){ | |
document.getElementById('color').click(); | |
}; | |
document.getElementById('color').onchange = function(){ | |
document.body.style.background = this.value; | |
}; | |
</script> |
html5颜色选择器
最新推荐文章于 2024-08-11 09:00:00 发布