테스트 사이트 - 개발 중인 베타 버전입니다

브라우저 안에 떠다니는 이미지 ~ (플로팅 광고)

마우스 올리면 멈추고 마우스 떼면 움직이고 속도조절 가능하고 화면안에서만 움직이고,

그냥 찾다가 하나 얻어걸려서 올려요 ^^

<div id="img" style="width:200px; height:200px; position:absolute; left:50px; top:50px; z-index:1;">
<a href="http://www.여기에원하는주소"><img src="bird.gif" border="0" onMouseover="pauseResume();" onMouseout="pauseResume();"></a>
</div>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Justin Arruda (JArruda@mindspring.com) -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var step = 1;    //높을수록 빠릅니다.
var delay = 50;  //delay입니다. 놓을수록 느리고 낮을수록 빠릅니다.
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var name = navigator.appName;
if(name == "Microsoft Internet Explorer") name = true;
else name = false;
var xPos = 20;
if(name) var yPos = document.body.clientHeight;
else var yPos = window.innerHeight;
function changePos() {
if(name) {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
}
else {
height = window.innerHeight;
width = window.innerWidth;
Hoffset = document.img.clip.height;
Woffset = document.img.clip.width;
document.img.pageY = yPos + window.pageYOffset;
document.img.pageX = xPos + window.pageXOffset;
}
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
   }
}
function start() {
if(name) img.visibility = "visible";
else document.img.visibility = "visible";
interval = setInterval('changePos()',delay);
}
function pauseResume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
   }
}
start();
//  End -->
</script>

바디 안에다가 넣으면 됩니다 ^^

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

오오 소스가..ㅋㅋ

게시글 목록

번호 제목
13454
29442
13451
13448
13446
13445
13442
13439
13437
13434
13429
13425
13423
13418
13410
13408
13407
13406
29441
13405
13404
13401
13400
13399
13395
13391
29435
13389
13386
13381
13377
13370
13367
13366
13364
13362
29432
29428
13361
13360
13358
13354
13351
29427
13346
13340
13337
13334
13328
13326
13325
13324
13323
29426
13322
13321
13315
29424
13312
29422
25114
13308
13307
13305
13304
25111
29421
13301
13299
13296
13292
13291
13290
13289
13288
13287
13286
13285
13284
29420
13283
13277
13274
13266
13265
13262
13261
13259
13254
13250
29419
13242
13241
13236
13235
29418
29417
13234
13233
13231