[재등록]접속할때마다(새로고침) 바뀌는 랜덤 배경화면에 링크걸기
본문
<script>
var img0="bg.jpg"
var img1="bg2.jpg"
var img2="bg3.jpg"
var x=Math.round(Math.random()*4)
if (x==0) x=img0
else if (x==1) x=img1
else x=img2
document.write("<body background=" + x + ">");
document.body.style.cssText="background:white url('" + x + "') no-repeat fixed center center"; </script>
이 소스에 각각 해당하는 배경화면에 링크를 걸려면 어떻게 해야하죠??
예제 사이트 입니다.
답변 3
switch(x)
{
case 0 :
location.href = "http://www.sir.co.kr";
break;
case 1 :
location.href = "http://www.naver.com/";
break;
case 2 :
location.href = "http://www.daum.net/";
break;
default :
location.href = "http://www.myHome.com";
break;
}
저 소스에 어떻게 적용시켜야 하죠??
한번만 더 부탁드립니다.
아래 코드 중 그누보드를 사용하고 계시면
jquery 부분을 빼셔도 되겠죠?
그리고 맨 밑부분 "#wraper"은 내용을 감싸는 요소이므로 이름을 바꾸시면
바탕화면이 아닌 내용 부분을 클릭했을 때 이동하지 않게 됩니다.
그리고 이미지는 제가 테스트 해 보려고 한 것이니 jpg면 그렇게 바꾸면 되겠죠.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
var img0="bg.png";
var img1="bg2.png";
var img2="bg3.png";
var x=Math.floor(Math.random()*3);
if (x==0) y=img0;
else if (x==1) y=img1;
else y=img2;
alert(x);
$('body').css("background","url("+ y + ") no-repeat fixed center center");
$('html').click(function(){
switch(x)
{
case 0 :
location.href = "http://www.sir.co.kr/";
break;
case 1 :
location.href = "http://www.naver.com/";
break;
default :
location.href = "http://www.daum.net/";
break;
}
});
$('#wraper').click(function(event){
event.stopPropagation();
});
});
</script>
아고 테스트 하느라 alert를 넣고 했는데 지우려니
이미 채택된거라 안된다네요.
그 부분 지우고 사용하세요 ^^*
ㅇ ㅏ 정말 너무너무 감사합니다^^
답변을 작성하시기 전에 로그인 해주세요.