js 调色板 纯js

function DisplayClrDlg(display) { var clrPanel = document.getElementById("colorpanel"); if (display) { var left = document.body.scrollLeft + event.clientX; var top = document.body.scrollTop + event.clientY; if (event.clientX+clrPanel.style.pixelWidth > document.body.clientWidth) { //对话框显示在鼠标右方时，会出现遮挡，将其显示在鼠标左方 left -= clrPanel.style.pixelWidth; } if (event.clientY+clrPanel.style.pixelHeight > document.body.clientHeight) { //对话框显示在鼠标下方时，会出现遮挡，将其显示在鼠标上方 top -= clrPanel.style.pixelHeight; } clrPanel.style.pixelLeft = left; clrPanel.style.pixelTop = top; clrPanel.style.display = "block"; } else { clrPanel.style.display = "none"; } } //对话框显示在鼠标下方时，会出现遮挡，将其显示在鼠标上方 top -= clrPanel.style.pixelHeight; } clrPanel.style.pixelLeft = left; clrPanel.style.pixelTop = top; clrPanel.style.display = "block"; } else { clrPanel.style.display = "none"; } }