 | もう一度 教えていただきたいのですが
掲示板使えませんでした。
どうしても 又 今のトップ画像に雪を降らせたいのですが（前のコピー貼り付け 残念駄目でした）
お目にとまりましたら
宜しくお願い いたします。 |
No.10 - 2009/11/01(Sun) 13:06:47
| ☆ Re: 以前大変お世話になりました。 / donbey ♂ [近畿] | | |  | 昨年は当方の借りているサーバーに雪を降らせているページをアップしていましたが、
サーバーの容量の関係でページの整理をしました。
前にも言っていたと思いますが、前は直リンで使って頂きましたがdonbeyの方で削除すると使えなくなるので、
長く利用される場合は早急にエクラ以外のサーバーを借りて頂いて、
「使える小技集」に有る「雪の画像」と「ＪＳファイル」をアップ出来る様にして頂く必要があります。
または「雪の画像」をエクラにアップして下の「JavaScriptのソースを貼り付けて使ってください。
「雪の画像」は「使える小技集」に有りますのでその画像をアップしてください。
<HEAD>〜</HEAD> の中と <BODY>〜</BODY> の中に入れるソースがあります。
エクラでは
<HEAD>〜</HEAD> の中は 「デザインの変更」で
<BODY>〜</BODY>の中は 「編集」で書き込みます。
間違いの無い様に入れてください。
<HTML>
<HEAD>
<script language="JavaScript1.2" type="text/javascript">
<!--//
var snowImgSizeW = new Array(); var snowImgSizeH = new Array();
var snowArea = 2; // 雪の降る範囲。0:TOPのWindowエリアのみ 1:PAGE全体 2:スクロールに合わせて動く。
var snowNo = 25; // 雪の数
var snowImg = "snow.gif"; // 雪の画像のパス
snowImgSizeW[0] = 20; // 画像の幅
snowImgSizeH[0] = 20; // 画像の高さ
var _dom=(document.all?3:(document.getElementById?1:(document.layers?2:0)));
var dx = new Array(), snowPosX = new Array(), snowPosY = new Array(), size = new Array();
var yure = new Array(), cycle = new Array(), sonwSpeed = new Array(), way = new Array();
snowImgSizeW[1] = Math.round((snowImgSizeW[0] / 3) * 2); snowImgSizeH[1] = Math.round((snowImgSizeH[0] / 3) * 2);
snowImgSizeW[2] = Math.round(snowImgSizeW[0] / 3); snowImgSizeH[2] = Math.round(snowImgSizeH[0] / 3);
function getSnowArea() {
if(_dom == 1 || _dom == 2) {
docWidth = self.innerWidth;
docHeight = (snowArea == 1 && document.height > window.innerHeight) ? document.height : window.innerHeight;
}
if (_dom == 3) {
docWidth = document.body.clientWidth;
docHeight = (snowArea == 1 && document.body.scrollHeight > document.body.clientHeight) ? document.body.scrollHeight : document.body.clientHeight;
}
}
function getScrollPosY() {
if (_dom == 1) return scrollY;
if (_dom == 2) return pageYOffset;
if (_dom == 3) return document.body.scrollTop;
}
function snowPosInit(num, start) {
getSnowArea()
yure[num] = Math.random()*10;
snowPosX[num] = Math.random()*(docWidth - yure[num] - snowImgSizeW[0] - 10);
snowPosY[num] = 0;
cycle[num] = 0.5 + Math.random();
if (size[num] == 0) sonwSpeed[num] = 2.0 + Math.random() * 0.5; // 大サイズ雪のスピード
if (size[num] == 1) sonwSpeed[num] = 1.5 + Math.random() * 0.5; // 中サイズ
if (size[num] == 2) sonwSpeed[num] = 1.0 + Math.random() * 0.5; // 小サイズ
way[num] = Math.random() * 1 - 0.5;
if (start) {
dx[num] = 0;
snowPosY[num] = Math.random()*(docHeight - snowImgSizeH[0] - 10);
}
}
function moveLayerTo(layerName, x, y){
if (_dom == 1) {
document.getElementById(layerName).style.left = x;
document.getElementById(layerName).style.top = y;
}
if (_dom == 2) {
document.layers[layerName].left = x;
document.layers[layerName].top = y;
}
if (_dom == 3) {
document.all(layerName).style.pixelLeft = x;
document.all(layerName).style.pixelTop = y;
}
}
function moveSnow() {
for (i=0; i<snowNo; i++) {
snowPosY[i] += sonwSpeed[i];
if (snowPosY[i] > (docHeight - snowImgSizeH[0] - 5) || snowPosX[i] < 0 ||
snowPosX[i] > (docWidth - snowImgSizeW[0] - 5)) snowPosInit(i);
dx[i] += cycle[i];
if ((Math.random() * 1000) < 10) {
if (way[i] < 0) way[i] = 0 - Math.random() * 0.5 + 0.1;
if (way[i] > 0) way[i] = Math.random() * 0.5 - 0.1;
}
if ((Math.random() * 3000) < 10 && (docHeight / 2) < snowPosY[i]) snowPosInit(i);
snowPosX[i] += way[i];
sclY = snowArea == 2 ? getScrollPosY() : sclY = 0; moveLayerTo("snow"+i,Math.floor(snowPosX[i]+yure[i]*(Math.sin(dx[i]*Math.PI/180))), Math.floor(snowPosY[i])+sclY);
}
setTimeout("moveSnow()", 10);
}
// -->
</script>
</HEAD>
<BODY>
<script language="JavaScript1.2" type="text/javascript">
<!--
if (_dom) {
getSnowArea(); var j = 0;
var snowLay = '';
for (i=0; i<snowNo; i++) {
size[i] = j; snowPosInit(i, true);
if (_dom==2) snowLay += '<LAYER name="snow' + i + '" left="-100" top="-100" visibility="show"><img src="'
+ snowImg + '" border="0" width="' + snowImgSizeW[j] + '" height="' + snowImgSizeH[j] + '"></LAYER>';
if (_dom==1 || _dom==3) snowLay += '<DIV id="snow' + i
+ '" style="position:absolute; top:-100px; left:-100px; width:1;"><IMG src="'
+ snowImg + '" border="0" width="' + snowImgSizeW[j] + '" height="' + snowImgSizeH[j] + '"></DIV>'
if (j == 2) { j = 0; } else { j += 1; }
}
document.write(snowLay);
moveSnow();
}
// End -->
</script> |
No.11 - 2009/11/01(Sun) 17:39:06 |
|
