현재 위치 - 인적 자원 플랫폼망 - 미니프로그램 자료 - 색상을 변경하는 HTML 페이지를 만드는 프로그램을 작성하세요(웹 디자인).
색상을 변경하는 HTML 페이지를 만드는 프로그램을 작성하세요(웹 디자인).
색상은 없지만 이미지의 배경 색상을 변경할 수 있습니다. 확장해 볼 수 있습니다. 코드는 다음과 같습니다:

& lthtml & gt

& lthead & gt

& lttitle & gt 살아있는 배경 & lt/title & gt;

& lt/head & gt;

& ltbody bgcolor = " # FFFFFF " 왼쪽 margin = " 0 " margin width = " 0 " & gt.

& ltScript language = "JavaScript 1.2" >

& lt!-

Function tiling(){

If (! Document. All)

Return

변수 source=event.srcElement

if (source.tagName=="IMG ")

document . body . style . 배경 이미지 = " URL("+소스 . src+")

}

함수 restore(){

document . body . style . background image = ''

}

document . body . ondblclick = restore

-& gt;

& lt/script & gt;

& lt/p & gt;

& ltp align="center " >& ltspan class = " bgimages " onClick = " tile( ); event.cancelBubble = true " & gt

& ltimg src = " backgr 1 . jpg " 높이 = 96 너비 = 96 테두리 = 2 & gt;

& ltimg src = " back gr 2 . jpg " height = 96 width = 96 border = 2 & gt; & ltbr & gt

& ltimg src = " back gr 3 . JPG " 높이 = 96 너비 = 96 테두리 = 2 & gt;

& ltimg src = " back gr 4 . jpg " height = 96 width = 96 border = 2 & gt; & lt/span>. & lt/p & gt;

& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

& lt/center & gt;

< /p>

& lt/body & gt;

& lt/html & gt;

backgr4.jpg, backgr2.jpg, backgr3.jpg, backgr4.jpg 네 개의 사진을 찍어야 합니다.

이 네 개의 사진을 사용하여 위의 코드를 웹 페이지로 저장할 수 있습니다. 효과를 확인하세요.