>웹 프론트엔드 >JS 튜토리얼 >마우스 선택_javascript 기술을 사용하여 웹 페이지 배경색을 동적으로 변경하는 JS 코드

마우스 선택_javascript 기술을 사용하여 웹 페이지 배경색을 동적으로 변경하는 JS 코드

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 17:09:501904검색

Javascript를 이용하여 구현하면, 해당 색상을 마우스로 클릭하면 웹페이지의 배경색이 동적으로 변경됩니다

스크린샷입니다

마우스 선택_javascript 기술을 사용하여 웹 페이지 배경색을 동적으로 변경하는 JS 코드

해당 Javascript 소스 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

var hex = new Array(6)

hex[0] = "FF"
hex[1] = "CC"
hex[2] = "99"
hex[3] = "66"
hex[4 ] = "33"
hex[5] = "00"
function display(triplet) {
document.bgColor = '#' threelet
}
function drawCell(red, green, 파란색) {
document.write('

')
document.write('')
document.write('마우스 선택_javascript 기술을 사용하여 웹 페이지 배경색을 동적으로 변경하는 JS 코드')
document.write('< ;/A>')
document.write('
')
}
function drawRow(red, blue) {
document.write('')
for (var i = 0; i drawCell(red, hex[i], blue)
}
document.write('' )
}
function drawTable(blue) {
document.write('')
for (var i = 0; i drawRow(hex[i], blue)
}
document.write('
')
}
function drawCube() {
document.write('')
for (var i = 0; i document.write( '')
}
document.write( '
')
drawTable(hex[i])
document.write('
')
}
drawCube()
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.