광고 이미지와 같이 페이지에 이미지가 무작위로 떠다니도록 웹 페이지를 디자인하는 방법입니다.

이를 위해서는 JS 코드가 필요합니다. 위의 링크 주소와 이미지는 변경할 수 있습니다! & ltdiv id = " 코드 팬 _ 넷 " 스타일 = " 위치 : 절대 " & gt. & lt!-링크 주소 - & gt; & lta href=" /" target="_blank">. & lt!-이미지 주소 - & gt; & ltimg src = "/images . gif " width = " 160 " height = " 95 " border = " 0 " & gt; & lt/a & gt; & lt/div & gt; & lt script & gtvar x = 50, y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj = document . getelementbyid(" codefans _ net ") function float(){ var L = T = 0 var R = document . body . client width-obj . offsetwidth var B = document . body . 클라이언트 높이 객체 . 오프셋 높이 객체 . style . 왼쪽 = x+문서 . body. 스크롤 왼쪽 객체 . top = y+문서 . top = y+문서 . body . scroll top x = x + step *(Xin?1:-1) if(x & lt; l){ Xin = true; x = L } if(x & gt; r){ Xin = false; x = R } y = y + step *(Yin?1:-1) if(y & lt; t){ yin = true; y = T } if(y & gt; b){ yin = false; y = B } } var itl= setInterval("float()", delay)obj . onmouseover = function(){ clearInterval(ITL)} obj . onmouseout = function(){ ITL = setInterval(" float()", delay)} & lt;/script & gt;