人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

このサイト(http://chokohen.com/)にあるような動くウィンドウはどのような手法を利用しているのでしょうか?具体的なTipsまで教えてください。

●質問者: jubilo
●カテゴリ:ウェブ制作
✍キーワード:TIPS ウィンドウ サイト
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● aki73ix
●5ポイント

http://www.awcs.org/javascript/

JavaScript - JavaScriptサンプルとリファレンス:AWCS

うーん、そのページ動かないんですが

窓を動かすということなら、サンプルのあるホームページを示します

Javascriptです

http://www.esli.co.jp/javascript/window-sample.html

◎質問者からの返答

質問の仕方がまずかったですね。

ページ内で動いているウィンドウ(メルマガ)があったと思うのですが、アレをやってみたいんですが、どうでしょか?


2 ● akimasa2000
●25ポイント

ホームページビルダーに付属してくるスクリプトのようです。

おそらく使い方はこうでしょう。

1.HEAD要素内に次のコードを埋め込みます。

<!--HPB_SCRIPT_VFX_40

//

// Licensed Materials - Property of IBM

// 5724G06

// (C) Copyright IBM Corp. 1995, 2003 All Rights Reserved.

//

var layerId = 0; var func = 1; var effectPattern = 2;

var startTime = 3; var nextLayerIdx = 4; var nextStartTime = 5;

var intervalTime = 6; var repeat = 7; var endVisibility = 8;

var posX = 9; var posY = 10; var posStartX = 11;

var posStartY = 12; var posEndX = 13; var posEndY = 14;

var stepX = 15; var stepY = 16; var frame = 17;

var accelerationX = 18; var accelerationY = 19; var angle = 20;

var fixedX = 21; var fixedY = 22;

var appVer = parseInt(navigator.appVersion);

var isNC=false,isN6=false,isIE=false;

if (document.all && appVer >= 4) isIE=true; else

if (document.getElementById && appVer > 4) isN6=true; else

if (document.layers && appVer >= 4) isNC=true;

var elt;

elt = new Array;

var layerobj;

layerobj = new Array;

var lastobj;

function HpbVfxinit() {

var w_str;

if (isNC||isN6||isIE) {

var n_div = arguments.length / 6;

for (var div = 0; div < n_div; div++) {

var args = 6 * div;

var arg1 = arguments[args];

var arg2 = arguments[args+1];

var arg3 = arguments[args+2];

var arg4 = arguments[args+3];

var arg5 = arguments[args+4];

var arg6 = arguments[args+5];

elt[div] = new Array(arg1,arg2,arg3,arg4,-1,arg5,0,arg6,true,-32767,-32767,-32767,-32767,-32767,-32767,-32767,-32767,40,1.0,1.0,0,-1,-1);

} }

if (isNC) {

for (i=0; i < elt.length; i++) {

w_str = ”document.” + elt[i][layerId];

layerobj[i] = eval(w_str);

if (layerobj[i]) {

layerobj[i].init = false;

layerobj[i].innerH = window.innerHeight;

layerobj[i].innerW = window.innerWidth;

layerobj[i].pos_x = layerobj[i].left;

layerobj[i].pos_y = layerobj[i].top;

layerobj[i].pos_w = layerobj[i].clip.width;

layerobj[i].pos_h = layerobj[i].clip.height;

} } }

if (isN6) {

for (i=0; i < elt.length; i++) {

layerobj[i] = document.getElementById(elt[i][layerId]);

if (layerobj[i]) {

layerobj[i].init = false;

layerobj[i].innerH = window.innerHeight;

layerobj[i].innerW = window.innerWidth;

layerobj[i].pos_x = parseInt(layerobj[i].style.left);

layerobj[i].pos_y = parseInt(layerobj[i].style.top);

layerobj[i].pos_w = parseInt(layerobj[i].style.width);

layerobj[i].pos_h = parseInt(layerobj[i].style.height);

} } }

if (isIE) {

for (i=0; i < elt.length; i++) {

w_str = ”document.all.item(¥”” + elt[i][layerId] + ”¥”)”;

if (eval(w_str)) {

w_str = ”document.all.item(¥”” + elt[i][layerId] + ”¥”).style”;

layerobj[i] = eval(w_str);

if (layerobj[i]) {

layerobj[i].init = false;

layerobj[i].innerH = document.body.clientHeight;

layerobj[i].innerW = document.body.clientWidth;

layerobj[i].pos_x = layerobj[i].pixelLeft;

layerobj[i].pos_y = layerobj[i].pixelTop;

layerobj[i].pos_w = layerobj[i].pixelWidth;

layerobj[i].pos_h = layerobj[i].pixelHeight;

} } } }

if (isNC||isN6||isIE) {

for (i=0; i < elt.length; i++) {

if (layerobj[i]) {

if (elt[i][posX] == -32767) elt[i][posX] = layerobj[i].pos_x;

if (elt[i][posY] == -32767) elt[i][posY] = layerobj[i].pos_y;

if (elt[i][effectPattern].charAt(0) == ”A”) {

if (elt[i][posX] != -32767) elt[i][posEndX] = elt[i][posX];

if (elt[i][posY] != -32767) elt[i][posEndY] = elt[i][posY];

if (elt[i][effectPattern].charAt(1) == ”1”) {

elt[i][posStartX] = layerobj[i].pos_w * -1;

if (elt[i][posY] != -32767) elt[i][posStartY] = elt[i][posY];

}

if (elt[i][effectPattern].charAt(1) == ”3”) {

if (elt[i][posX] != -32767) elt[i][posStartX] = elt[i][posX];

elt[i][posStartY] = layerobj[i].pos_h * -1;

}

if (elt[i][effectPattern].charAt(1) == ”5”) {

elt[i][posStartX] = layerobj[i].pos_w * -1;

elt[i][posStartY] = layerobj[i].pos_h * -1;

}

if (elt[i][effectPattern].charAt(1) == ”8”) {

elt[i][posStartX] = layerobj[i].pos_w * -1;

elt[i][posStartY] = layerobj[i].innerH;

} }

if (elt[i][effectPattern].charAt(0) == ”B”) {

if (elt[i][posX] != -32767) elt[i][posStartX] = elt[i][posX];

if (elt[i][posY] != -32767) elt[i][posStartY] = elt[i][posY];

if (elt[i][effectPattern].charAt(1) == ”2”) {

elt[i][posEndX] = layerobj[i].pos_w * -1;

if (elt[i][posY] != -32767) elt[i][posEndY] = elt[i][posY];

}

if (elt[i][effectPattern].charAt(1) == ”4”) {

if (elt[i][posX] != -32767) elt[i][posEndX] = elt[i][posX];

elt[i][posEndY] = layerobj[i].pos_h * -1;

}

if (elt[i][effectPattern].charAt(1) == ”6”) {

elt[i][posEndX] = layerobj[i].pos_w * -1;

elt[i][posEndY] = layerobj[i].pos_h * -1;

}

if (elt[i][effectPattern].charAt(1) == ”7”) {

elt[i][posEndX] = layerobj[i].pos_w * -1;

elt[i][posEndY] = layerobj[i].innerH;

} }

if (elt[i][effectPattern].charAt(0) == ”C”) {

if (elt[i][effectPattern].charAt(1) == ”2”) {

elt[i][posStartX] = layerobj[i].innerW;

elt[i][posEndX] = layerobj[i].pos_w * -1;

if (elt[i][posY] != -32767) {

elt[i][posStartY] = elt[i][posY];

elt[i][posEndY] = elt[i][posY];

}

}

if (elt[i][effectPattern].charAt(1) == ”1”) {

elt[i][posStartX] = layerobj[i].pos_w * -1;

elt[i][posEndX] = layerobj[i].innerW;

if (elt[i][posY] != -32767) {

elt[i][posStartY] = elt[i][posY];

elt[i][posEndY] = elt[i][posY];

}

}

if (elt[i][effectPattern].charAt(1) == ”3”) {

if (elt[i][posX] != -32767) {

elt[i][posStartX] = elt[i][posX];

elt[i][posEndX] = elt[i][posX];

}

elt[i][posStartY] = layerobj[i].pos_h * -1;

elt[i][posEndY] = layerobj[i].innerH;

}

if (elt[i][effectPattern].charAt(1) == ”4”) {

if (elt[i][posX] != -32767) {

elt[i][posStartX] = elt[i][posX];

elt[i][posEndX] = elt[i][posX];

}

elt[i][posStartY] = layerobj[i].innerH;

elt[i][posEndY] = layerobj[i].pos_h * -1;

}

if (elt[i][effectPattern].charAt(1) == ”7”) {

elt[i][posStartX] = layerobj[i].innerW;

elt[i][posStartY] = layerobj[i].pos_h * -1;

elt[i][posEndX] = layerobj[i].pos_w * -1;

elt[i][posEndY] = layerobj[i].innerH;

}

if (elt[i][effectPattern].charAt(1) == ”5”) {

elt[i][posStartX] = layerobj[i].pos_w * -1;

elt[i][posStartY] = layerobj[i].pos_h * -1;

elt[i][posEndX] = layerobj[i].innerW;

elt[i][posEndY] = layerobj[i].innerH;

}

if (elt[i][effectPattern].charAt(1) == ”6”) {

elt[i][posStartX] = layerobj[i].innerW;

elt[i][posStartY] = layerobj[i].innerH;

elt[i][posEndX] = layerobj[i].pos_w * -1;

elt[i][posEndY] = layerobj[i].pos_h * -1;

}

if (elt[i][effectPattern].charAt(1) == ”8”) {

elt[i][posStartX] = layerobj[i].pos_w * -1;

elt[i][posStartY] = layerobj[i].innerH;

elt[i][posEndX] = layerobj[i].innerW;

elt[i][posEndY] = layerobj[i].pos_h * -1;

} }

if (elt[i][effectPattern].charAt(0) == ”D”) {

if (elt[i][effectPattern].charAt(1) == ”1”) {

elt[i][stepX] = 4; elt[i][stepY] = 0;

}

if (elt[i][effectPattern].charAt(1) == ”3”) {

elt[i][stepX] = 0; elt[i][stepY] = 4;

} }

if (elt[i][effectPattern].charAt(0) == ”F”) {

if (elt[i][effectPattern].charAt(1) == ”4”) {

if (elt[i][posX] != -32767) {

elt[i][posStartX] = elt[i][posX];

elt[i][posEndX] = elt[i][posX] + layerobj[i].pos_w;

}

if (elt[i][posY] != -32767) {

elt[i][posStartY] = elt[i][posY];

if (elt[i][effectPattern].charAt(3) == ”1”) elt[i][posEndY] = elt[i][posY] + 80;

if (elt[i][effectPattern].charAt(3) == ”2”) elt[i][posEndY] = elt[i][posY] + 160;

if (elt[i][effectPattern].charAt(3) == ”3”) elt[i][posEndY] = elt[i][posY] + 320;

}

elt[i][stepX] = 0; elt[i][stepY] = 4;

}

if (elt[i][effectPattern].charAt(1) == ”2”) {

if (elt[i][posX] != -32767) {

elt[i][posStartX] = elt[i][posX];

if (elt[i][effectPattern].charAt(3) == ”1”) elt[i][posEndX] = elt[i][posX] + 80;

if (elt[i][effectPattern].charAt(3) == ”2”) elt[i][posEndX] = elt[i][posX] + 160;

if (elt[i][effectPattern].charAt(3) == ”3”) elt[i][posEndX] = elt[i][posX] + 320;

}

if (elt[i][posY] != -32767) {

elt[i][posStartY] = elt[i][posY];

elt[i][posEndY] = elt[i][posY] + layerobj[i].pos_h;

}

elt[i][stepX] = 4; elt[i][stepY] = 0;

} }

if (elt[i][effectPattern].charAt(0) == ”G”) {

if (elt[i][effectPattern].charAt(1) == ”2”) {

elt[i][posStartX] = 0;

if (elt[i][effectPattern].charAt(3) == ”1”) elt[i][posStartY] = 80;

if (elt[i][effectPattern].charAt(3) == ”2”) elt[i][posStartY] = 160;

if (elt[i][effectPattern].charAt(3) == ”3”) elt[i][posStartY] = 320;

elt[i][posEndX] = 1; elt[i][posEndY] = 1;

} }

if (elt[i][effectPattern].charAt(0) == ”H”) {

if (elt[i][effectPattern].charAt(3) == ”1”) {

elt[i][stepX] = 8; elt[i][stepY] = 8;

}

if (elt[i][effectPattern].charAt(3) == ”2”) {

elt[i][stepX] = 16; elt[i][stepY] = 16;

}

if (elt[i][effectPattern].charAt(3) == ”3”) {

elt[i][stepX] = 32; elt[i][stepY] = 32;

}

if (elt[i][effectPattern].charAt(1) == ”2”) {

elt[i][stepX] = 0; elt[i][fixedX] = true; elt[i][fixedY] = true;

}

if (elt[i][effectPattern].charAt(1) == ”1”) {

elt[i][stepY] = 0; elt[i][fixedX] = true; elt[i][fixedY] = true;

}

if (elt[i][effectPattern].charAt(1) == ”3”) {

elt[i][fixedX] = false; elt[i][fixedY] = false;

} }

if (elt[i][effectPattern].charAt(0) == ”I”) {

if (elt[i][effectPattern].charAt(3) == ”1”) {

elt[i][posStartX] = 40; elt[i][posStartY] = 40;

}

if (elt[i][effectPattern].charAt(3) == ”2”) {

elt[i][posStartX] = 80; elt[i][posStartY] = 80;

}

if (elt[i][effectPattern].charAt(3) == ”3”) {

elt[i][posStartX] = 160; elt[i][posStartY] = 160;

}

elt[i][posEndX] = 1; elt[i][posEndY] = 1; elt[i][stepX] = -32767;

if (elt[i][effectPattern].charAt(1) == ”1”) {

elt[i][posY] += elt[i][posStartY];

elt[i][stepY] = Math.PI * 3 / 2;

elt[i][frame] = 40;

}

if (elt[i][effectPattern].charAt(1) == ”2”) {

elt[i][posY] -= elt[i][posStartY];

elt[i][stepY] = Math.PI * 1 / 2;

elt[i][frame] = 40;

}

if (elt[i][effectPattern].charAt(1) == ”3”) {

elt[i][posX] -= elt[i][posStartX];

elt[i][stepY] = Math.PI * 0 / 2;

elt[i][frame] = 40;

}

if (elt[i][effectPattern].charAt(1) == ”4”) {

elt[i][posX] += elt[i][posStartX];

elt[i][stepY] = Math.PI * 2 / 2;

elt[i][frame] = 40;

}

if (elt[i][effectPattern].charAt(1) == ”5”) {

elt[i][posY] += elt[i][posStartY];

elt[i][stepY] = Math.PI * 3 / 2;

elt[i][frame] = -40;

}

if (elt[i][effectPattern].charAt(1) == ”6”) {

elt[i][posY] -= elt[i][posStartY];

elt[i][stepY] = Math.PI * 1 / 2;

elt[i][frame] = -40;

}

if (elt[i][effectPattern].charAt(1) == ”7”) {

elt[i][posX] -= elt[i][posStartX];

elt[i][stepY] = Math.PI * 0 / 2;

elt[i][frame] = -40;

}

if (elt[i][effectPattern].charAt(1) == ”8”) {

elt[i][posX] += elt[i][posStartX];

elt[i][stepY] = Math.PI * 2 / 2;

elt[i][frame] = -40;

} }

if (elt[i][effectPattern].charAt(0) == ”J”) {

if (elt[i][effectPattern].charAt(3) == ”1”) {

elt[i][posStartX] = 0; elt[i][posStartY] = 80;

}

if (elt[i][effectPattern].charAt(3) == ”2”) {

elt[i][posStartX] = 0; elt[i][posStartY] = 160;

}

if (elt[i][effectPattern].charAt(3) == ”3”) {

elt[i][posStartX] = 0; elt[i][posStartY] = 320;

}

elt[i][posEndX] = 1; elt[i][posEndY] = 1;

elt[i][stepX] = -32767; elt[i][stepY] = 0;

if (elt[i][effectPattern].charAt(1) == ”2”) {

elt[i][accelerationY] = 0.99; elt[i][frame] = 40;

} }

if (elt[i][effectPattern].charAt(0) == ”K”) {

if (elt[i][effectPattern].charAt(3) == ”1”) {

elt[i][posStartX] = 40; elt[i][posStartY] = 40;

}

if (elt[i][effectPattern].charAt(3) == ”2”) {

elt[i][posStartX] = 80; elt[i][posStartY] = 80;

}

if (elt[i][effectPattern].charAt(3) == ”3”) {

elt[i][posStartX] = 160; elt[i][posStartY] = 160;

}

elt[i][stepX] = -32767; elt[i][stepY] = 0;

if (elt[i][effectPattern].charAt(1) == ”1”) {

elt[i][posEndX] = 13; elt[i][posEndY] = 12; elt[i][frame] = 160;

}

if (elt[i][effectPattern].charAt(1) == ”2”) {

elt[i][posEndX] = 7; elt[i][posEndY] = 2; elt[i][frame] = 160;

}

if (elt[i][effectPattern].charAt(1) == ”3”) {

elt[i][posEndX] = 11; elt[i][posEndY] = 4; elt[i][frame] = 160;

}

if (elt[i][effectPattern].charAt(1) == ”4”) {

elt[i][posEndX] = 7; elt[i][posEndY] = 4; elt[i][frame] = 160;

} }

if (elt[i][effectPattern].charAt(2) == ”1”) elt[i][intervalTime] = 200;

if (elt[i][effectPattern].charAt(2) == ”2”) elt[i][intervalTime] = 100;

if (elt[i][effectPattern].charAt(2) == ”3”) elt[i][intervalTime] = 50;

if ( elt[i][startTime] >= 0 ) setTimeout( ”HpbVfxtimer(” + i + ”)”, elt[i][startTime] );

} } } }

function HpbVfxtimer(tid) {

if (isNC||isN6||isIE) {

if (layerobj[tid]) {

var func_str;

func_str = elt[tid][func] + ”( tid, elt[tid], layerobj[tid] )”;

eval(func_str);

} } }

function HpbVfxshowobj(obj) {

if (obj) {

if (isNC) obj.visibility = ”show”;

if (isN6) obj.style.visibility = ”visible”;

if (isIE) obj.visibility = ”visible”;

lastobj = obj;

} }

function HpbVfxhideobj(obj) {

if (obj) {

if (isNC) obj.visibility = ”hide”;

if (isN6) obj.style.visibility = ”hidden”;

if (isIE) obj.visibility = ”hidden”;

} }

function HpbVfxmoveobj(obj,x,y) {

if (obj) {

if (isNC) {obj.left=x;obj.top=y;}

if (isN6) {obj.style.left=x+”px”;obj.style.top=y+”px”;}

if (isIE) {obj.left=x;obj.top=y;}

} }

function HpbVfxclipobj(obj,t,r,b,l) {

if (obj) {

if (isNC) {obj.clip.left=l;obj.clip.top=t;obj.clip.right=r;obj.clip.bottom=b;}

if (isN6) obj.style.clip = ”rect(” + t + ”px,” + (r-l) + ”px,” + (b-t) + ”px,” + l + ”px)”;

if (isIE) obj.clip = ”rect(” + t + ”,” + r + ”,” + b + ”,” + l + ”)”;

} }

function HpbVfx0001(tid,et,ob) {

var x; var y;

if (ob) {

if (ob.init == false) {

if (et[stepX] != -32767) ob.stepX = et[stepX] * Math.cos(et[angle]);

else ob.stepX = (et[posEndX] - et[posStartX]) / et[frame];

if (et[stepY] != -32767) ob.stepY = et[stepY] * Math.sin(et[angle]);

else ob.stepY = (et[posEndY] - et[posStartY]) / et[frame];

if (ob.stepX > 0 && ob.stepX < 1) ob.stepX = 1;

if (ob.stepX < 0 && ob.stepX > -1) ob.stepX = -1;

if (ob.stepY > 0 && ob.stepY < 1) ob.stepY = 1;

if (ob.stepY < 0 && ob.stepY > -1) ob.stepY = -1;

if (et[posStartX] != -32767) ob.x = et[posStartX];

else if (ob.stepX > 0) ob.x = 0 - ob.pos_w; else ob.x = ob.innerW - ob.pos_w;

if (et[posStartY] != -32767) ob.y = et[posStartY];

else if (ob.stepY > 0) ob.y = 0 - ob.pos_h; else ob.y = ob.innerH - ob.pos_h;

if (et[posEndX] != -32767) ob.posEndX = et[posEndX];

else if (ob.stepX > 0) ob.posEndX = ob.innerW - ob.pos_w; else ob.posEndX = 0 - ob.pos_w;

if (et[posEndY] != -32767) ob.posEndY = et[posEndY];

else if (ob.stepY > 0) ob.posEndY = ob.innerH - ob.pos_h; else ob.posEndY = 0 - ob.pos_h;

HpbVfxshowobj(ob);

ob.init = true; ob.frame = 0;

}

ob.stepX = ob.stepX * et[accelerationX];

if (ob.stepX > 0 && ob.stepX < 1) ob.stepX = 1;

if (ob.stepX < 0 && ob.stepX > -1) ob.stepX = -1;

ob.stepY = ob.stepY * et[accelerationY];

if (ob.stepY > 0 && ob.stepY < 1) ob.stepY = 1;

if (ob.stepY < 0 && ob.stepY > -1) ob.stepY = -1;

ob.x += ob.stepX; ob.y += ob.stepY;

var endX; var endY;

endX = false; endY = false;

if (ob.stepX > 0) if (ob.x >= ob.posEndX) {endX = true; ob.x = ob.posEndX;}

if (ob.stepX < 0) if (ob.x <= ob.posEndX) {endX = true; ob.x = ob.posEndX;}

if (ob.stepX == 0) endX = true;

if (ob.stepY > 0) if (ob.y >= ob.posEndY) {endY = true; ob.y = ob.posEndY;}

if (ob.stepY < 0) if (ob.y <= ob.posEndY) {endY = true; ob.y = ob.posEndY;}

if (ob.stepY == 0) endY = true;

HpbVfxmoveobj(ob,Math.round( ob.x ),Math.round(ob.y));

if (endX == true && endY == true) {

if (et[endVisibility] == false) HpbVfxhideobj(ob);

ob.init = false;

if (et[repeat] == true) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[startTime]);

else if (et[nextLayerIdx] >= 0) setTimeout(”HpbVfxtimer(” + et[nextLayerIdx] + ”)”,et[nextStartTime]);

} else setTimeout(”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

} }

function HpbVfx0101(tid,et,ob) {

var cl; var cr; var ct; var cb; var tm; var x; var y;

if (ob) {

if (ob.init == false) {

if (et[stepX] != -32767) ob.cs_x = et[stepX]; else ob.cs_x = ob.pos_w / et[frame];

if (et[stepY] != -32767) ob.cs_y = et[stepY]; else ob.cs_y = ob.pos_h / et[frame];

ob.c_x = 0; ob.c_y = 0;

HpbVfxshowobj(ob);

ob.init = true;

}

tm = false;

cl = 0; cr = ob.pos_w; ct = 0; cb = ob.pos_h;

x = ob.pos_x; y = ob.pos_y;

if (et[fixedX] == false) {

if (ob.cs_x > 0) {

ob.c_x += ob.cs_x;

if (cr > ob.c_x) {

cl = cr - ob.c_x; tm = true; x = ob.pos_x - ob.pos_w + ob.c_x;

} }

if (ob.cs_x < 0) {

ob.c_x += ob.cs_x; cr = ob.c_x * -1;

if (cr < ob.pos_w) {

tm = true; x = ob.pos_x + ob.pos_w + ob.c_x;

} else cr = ob.pos_w;

}

} else {

if (ob.cs_x > 0) {

ob.c_x += ob.cs_x;

if (cr > ob.c_x) {cr = ob.c_x; tm = true;}

}

if (ob.cs_x < 0) {

ob.c_x += ob.cs_x; cl = ob.c_x * -1;

if (cl < ob.pos_w) {tm = true; cl = ob.pos_w - cl;} else cl = 0;

} }

if (et[fixedY] == false) {

if (ob.cs_y > 0) {

ob.c_y += ob.cs_y;

if (cb > ob.c_y) {ct = cb - ob.c_y; tm = true; y = ob.pos_y - ob.pos_h + ob.c_y;}

}

if (ob.cs_y < 0) {

ob.c_y += ob.cs_y; cb = ob.c_y * -1;

if ( cb < ob.pos_h ) {tm = true; y = ob.pos_y + ob.pos_h + ob.c_y;} else cb = ob.pos_h;

}

} else {

if (ob.cs_y > 0) {

ob.c_y += ob.cs_y;

if (cb > ob.c_y) {cb = ob.c_y; tm = true;}

}

if (ob.cs_y < 0) {

ob.c_y += ob.cs_y; ct = ob.c_y * -1;

if (ct < ob.pos_h) {tm = true; ct = ob.pos_h - ct;} else ct = 0;

} }

HpbVfxclipobj(ob,ct,cr,cb,cl);

HpbVfxmoveobj(ob,x,y);

if (tm) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

else {

if (et[endVisibility] == false) HpbVfxhideobj(ob);

ob.init = false;

if (et[repeat] == true) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[startTime]);

else if (et[nextLayerIdx] >= 0) setTimeout(”HpbVfxtimer(” + et[nextLayerIdx] + ”)”,et[nextStartTime]);

} } }

function HpbVfx0201(tid,et,ob) {

var cl; var cr; var ct; var cb; var tm; var x; var y;

if (ob) {

if (ob.init == false) {

if (et[stepX] != -32767) ob.cs_x = et[stepX]; else ob.cs_x = ob.pos_w / et[frame];

if (et[stepY] != -32767) ob.cs_y = et[stepY]; else ob.cs_y = ob.pos_h / et[frame];

ob.c_w = et[posEndX] - et[posStartX]; ob.c_h = et[posEndY] - et[posStartY];

ob.c_x = 0; ob.c_y = 0;

HpbVfxshowobj(ob);

ob.init = true;

}

tm = false;

cl = 0; cr = ob.pos_w; ct = 0; cb = ob.pos_h;

x = et[posStartX]; y = et[posStartY];

if (ob.cs_x > 0) {

ob.c_x += ob.cs_x;

if (ob.c_x < (ob.pos_w - ob.c_w)) {

cl = ob.c_x; cr = cl + ob.c_w;

tm = true;

} else cl = ob.pos_w - ob.c_w;

}

if (ob.cs_x < 0) {

ob.c_x += ob.cs_x; cr = ob.pos_w + ob.c_x;

if (cr > ob.c_w) {cl = cr - ob.c_w; tm = true;}

else cr = ob.c_w;

}

if (ob.cs_y > 0) {

ob.c_y += ob.cs_y;

if (ob.c_y < (ob.pos_h - ob.c_h)) {

ct = ob.c_y; cb = ct + ob.c_h;

tm = true;

} else ct = ob.pos_h - ob.c_h;

}

if (ob.cs_y < 0) {

ob.c_y += ob.cs_y; cb = ob.pos_h + ob.c_y;

if (cb > ob.c_h) {ct = cb - ob.c_h; tm = true;}

else cb = ob.c_h;

}

HpbVfxclipobj(ob,ct,cr,cb,cl);

x -= cl; y -= ct;

HpbVfxmoveobj(ob,x,y);

if (tm) setTimeout( ”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

else {

if (et[endVisibility] == false) HpbVfxhideobj(ob);

ob.init = false;

if (et[repeat] == true) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[startTime]);

else if (et[nextLayerIdx] >= 0) setTimeout(”HpbVfxtimer(” + et[nextLayerIdx] + ”)”,et[nextStartTime]);

} } }

function HpbVfx0301(tid,et,ob) {

var x; var y; var tx; var ty;

if (ob) {

if (ob.init == false) {

if (et[stepX] != -32767) ob.step = et[stepX]; else ob.step = (Math.PI * 2) / et[frame];

ob.boundX = et[posStartX]; ob.boundY = et[posStartY];

ob.angle = 0.0;

HpbVfxshowobj(ob);

ob.init = true;

}

tx = Math.cos(ob.angle * et[posEndX]) * ob.boundX; ty = Math.sin(ob.angle * et[posEndY]) * ob.boundY;

if (et[fixedX] != 0) tx = Math.abs(tx) * et[fixedX];

if (et[fixedY] != 0) ty = Math.abs(ty) * et[fixedY];

x = et[posX]; y = et[posY];

x += tx * Math.cos(et[angle]); y += tx * Math.sin(et[angle]);

x += ty * Math.cos(et[angle] + (Math.PI / 2)); y += ty * Math.sin(et[angle] + (Math.PI / 2));

HpbVfxmoveobj(ob,Math.round(x),Math.round(y));

if (et[accelerationX] != 1.0 || et[accelerationY] != 1.0) {

ob.boundX *= et[accelerationX]; ob.boundY *= et[accelerationY];

if (ob.boundX < 4 && ob.boundY < 4) {

ob.init = false;

if (et[repeat] == true) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[startTime]);

else if (et[nextLayerIdx] >= 0) setTimeout(”HpbVfxtimer(” + et[nextLayerIdx] + ”)”,et[nextStartTime]);

} else {

ob.angle += ob.step;

setTimeout(”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

}

} else {

if (ob.angle >= (2 * Math.PI)) {

ob.init = false;

if (et[repeat] == true) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[startTime]);

else if (et[nextLayerIdx] >= 0) setTimeout(”HpbVfxtimer(” + et[nextLayerIdx] + ”)”,et[nextStartTime]);

} else {

ob.angle += ob.step;

setTimeout(”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

} } } }

function HpbVfx0311(tid,et,ob) {

var x; var y; var ws;

if (ob) {

if (ob.init == false) {ob.setp = 0; HpbVfxshowobj(ob); ob.init = true;}

x = et[posX]; y = et[posY];

if (et[fixedX] == true) ws = ob.setp;

else {

ws = Math.round(Math.random() * 4);

if (ws > 3) ws = 0;

}

if (ws == 1) x += et[stepX];

if (ws == 3) x -= et[stepX];

if (et[fixedY] == true) ws = ob.setp;

else {

ws = Math.round(Math.random() * 4);

if (ws > 3) ws = 0;

}

if (ws == 1) y += et[stepY];

if (ws == 3) y -= et[stepY];

HpbVfxmoveobj(ob,Math.round(x),Math.round(y));

ob.setp ++;

if (ob.setp >= 4) {

ob.init = false;

if (et[repeat] == true) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[startTime]);

else if (et[nextLayerIdx] >= 0) setTimeout(”HpbVfxtimer(” + et[nextLayerIdx] + ”)”,et[nextStartTime]);

} else setTimeout(”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

} }

function HpbVfx0401(tid,et,ob) {

var x; var y; var tx; var ty;

if (ob) {

if (ob.init == false) {

if (et[stepX] != -32767) ob.step = et[stepX]; else ob.step = (Math.PI * 2) / et[frame];

ob.angle = 0.0;

HpbVfxshowobj(ob);

ob.init = true;

}

tx = Math.cos((ob.angle * et[posEndX]) + et[stepY]) * et[posStartX];

ty = Math.sin((ob.angle * et[posEndY]) + et[stepY]) * et[posStartY];

x = et[posX]; y = et[posY];

x += tx * Math.cos(et[angle]); y += tx * Math.sin(et[angle]);

x += ty * Math.cos(et[angle] + (Math.PI / 2)); y += ty * Math.sin(et[angle] + (Math.PI / 2));

HpbVfxmoveobj(ob,Math.round(x),Math.round(y));

if (Math.abs(ob.angle) >= (2 * Math.PI)) {

ob.init = false;

if (et[repeat] == true) setTimeout(”HpbVfxtimer(” + tid + ”)”,et[startTime]);

else if (et[nextLayerIdx] >= 0) setTimeout(”HpbVfxtimer(” + et[nextLayerIdx] + ”)”,et[nextStartTime]);

} else {

ob.angle += ob.step;

setTimeout(”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

} } }

function HpbVfx0501(tid,et,ob) {

if (ob) {

if (ob.init == false) {HpbVfxshowobj(ob); ob.init = true;}

var px; var py;

if (isNC) {px = window.pageXOffset; py = window.pageYOffset;}

if (isN6) {px = window.pageXOffset; py = window.pageYOffset;}

if (isIE) {px = document.body.scrollLeft; py = document.body.scrollTop;}

HpbVfxmoveobj(ob,Math.round(px + et[posX]),Math.round(py + et[posY]));

setTimeout(”HpbVfxtimer(” + tid + ”)”,et[intervalTime]);

} }

//-->

</SCRIPT>

2.次のようにbodyタグに属性を追加します。

<body onload=”HpbVfxinit(’Layer001’,’HpbVfx0001’,’B610’,1000,1000,0);>

3.内容を次の要素内に埋め込みます。

<DIV style=”width : 257px;height : 348px;top : 498px;left : 708px;

position : absolute;

z-index : 1;

visibility : hidden;

background-color : white;

” id=”Layer001” align=”center”>なんとか</div>

おそらくこのような感じだと思います。

◎質問者からの返答

うわっ!凄い複雑ですね。。。。できるかなぁ・・


3 ● aki73ix
●25ポイント

http://gentzen.math.hc.keio.ac.jp/JavaScript/day12/index2.html

ならばレイヤーをJavaScriptを使って動かせばOKです

ポイント1回目のお返ししておきます

◎質問者からの返答

ご丁寧にありがとうございます。

非常に勉強になります。


4 ● myu_hiko
●25ポイント

http://playroom.ceo-jp.com/template/anim/

動くレイヤーですよね?

私は DreamWeaver MXですが Extension managerで

機能拡張させてますので ボタン一発でscript書いてくれてコレできます。

但し ごらん頂いたようにFlashには 隠れるようですね。

名前をつけて保存してお使いください。

もし DreamWeaverお使いでしたら 機能拡張できる

プログラムはFreeでDLできるサイトは 沢山あります。

ご参考までに。

◎質問者からの返答

ありがとうございます。

DreamWeaverも持っているのですが、使えません・・・

ついついHTML手打ちに走ってしまうので。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ