플로팅 이미지 ![](http://files.jb51.net/file_images/article/201307/2013071009420928.png)
style="위치: 절대; 왼쪽: 500px; 위쪽: 400px; 테두리 : 단색 1px 검정색; " />
< ;title>浮动广告实例
style="Z-INDEX: 100;
왼쪽: 12px;
너비: 159px;
위치: 절대;
위쪽: 143px;
높이: 161px;
가시성: visible;">
![](1.jpg)
< ;SCRIPT>
var xPos = 0;
var yPos = 0;
var step = 3;
var 지연 = 100;
var height = 0;
var Hoffset = 0 ;
var Woffset = 0;
var yon = 0;
var xon = 0;
var 일시 중지 = true;
var 간격;
img1.style.top = yPos;
함수changePos()
{
width = document.body.clientWidth; //获取浏览器적 크기
height = document.body.clientHeight; //높은 높이
Hoffset = img1.offsetHeight;
Woffset = img1.offsetWidth;
img1.style.left = xPos document.body.scrollLeft;
img1.style.top = yPos document.body.scrollTop;
if (yon)
{yPos = yPos step;}
else
{yPos = yPos - step;}
if (yPos < 0)
{yon = 1;yPos = 0;}
if (yPos >= (높이 - Hoffset))
{yon = 0;yPos = (높이 - Hoffset);}
if (xon )
{xPos = xPos 단계;}
else
{xPos = xPos - 단계;}
if (xPos < 0)
{xon = 1;xPos = 0;}
if (xPos >= (너비 - Woffset))
{xon = 0;xPos = (너비 - Woffset); }
}
함수 start()
{
img1.visibility = "visible";
interval = setInterval('changePos()', Delay);
//interval = setTimeout("changePos()", 지연);
}
function Pause_resume()
{
if(pause)
{
clearInterval(interval);
pause = false;}
else
{
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
浮动广告
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31