jsフローティングピクチャのダイナミックな効果_javascriptスキル

コードをコピー コードは次のとおりです:

style="位置: 絶対; 左: 500 ピクセル; 上: 400 ピクセル; 境界線: 単色 1px 黒 " />

別の実装方法

コードをコピーします コードは次のとおりです:

< ;title>浮動广告实例

style="Z-INDEX: 100;
左: 12px;
幅: 159px;
位置: 絶対;
トップ: 143px;
高さ: 161px;
可視性:表示;">

src="close.gif "
width=84 height=11 hspace="6" border=0>

< ;SCRIPT>
var xPos = 0;
var yPos = 0;
var step = 3;
var late = 100;
var height = 0;
var Hoffset = 0 ;
var Woffset = 0;
var yon = 0;
var xon = 0;
var stop = true;
var interval;
img1.style.top = yPos;
function 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 >= (高さ - ホオフセット))
{yon = 0;yPos = (高さ - ホオフセット);}
if (xon )
{xPos = xPos ステップ;}
else
{xPos = xPos - ステップ;}
if (xPos < 0)
{xon = 1;xPos = 0;}
if (xPos >= (width - Woffset))
{xon = 0;xPos = (width - Woffset);   }
}
function start()
{
img1.visibility = "visible";
interval = setInterval('changePos()', late);
//interval = setTimeout("changePos()", late);
}
function stop_resume()
{
if(pause)
{
clearInterval(interval);
pause = false;}
else
{
interval = setInterval('changePos()',lay);
pause = true;
}
}
start();

JS实现气泡从水中急速上升效果

复制代码代码如下:

浮動广告

复制代码代码如下: