본문 바로가기

정보창고/블로그 정보

HTML-랜덤 배경그림

풍란의 향기 2012. 2. 9. 13:28

[Image] 랜덤 배경 그림

접속할때 마다 다른 배경그림으로 디스플레이됩니다.데모를 눌러 확인하세요.

Script Example

<script>
var backgr1="./img/back01.jpg"
var backgr2="./img/back02.jpg"
var backgr3="./img/back03.jpg"
var cur=Math.round(6*Math.random())
if (cur<=1)
backgr=backgr1
else if (cur<=4)
backgr=backgr2
else
backgr=backgr3
document.writｅ('<body background="'+backgr+'" bgcolor="#FFFFFF">')
</script>

설명

body 태그 안 원하는 위치에 놓으세요. 배경그림은 파란색 부분에서 지정하시면 됩니다. 배경그림을 추가하시려면 추가하고 싶은 배경그림을 변수 backgr4,backgr5 ... 식으로 추가하고 if 문에서 else if 문을 추가하시면 됩니다.

'정보창고 > 블로그 정보' 카테고리의 다른 글

HTML-Text 에어리어에 글자 타이핑 (0)	2012.02.09
HTML-상태바에 메세지 출력 (0)	2012.02.09
HTML-Slide Show (0)	2012.02.09
HTML-움직이는 배경그림 (0)	2012.02.09
HTML-폭탄태그=거시기들 에게만 사용하셈 (0)	2012.02.09

티스토리툴바