|
HTMLタグ > スクロールしても画像がついてくる
|
画面をスクロールしても、画像が同じ位置までついてきます。
画像にリンクを貼ることもできるので、トップページへのリンクを貼ったロゴなどをおいておくと便利だし、
かっこいいかもw
ただ、ジャマにならないように画像のサイズや位置には気を付けましょうw
1) <body>〜</body>のどこかに以下のタグを入れます。
【高さ】と【幅】は画像の高さと幅で、2か所づつに入れます。
【位置・縦】と【位置・横】は画像の位置で、縦は画面上端からいくらか、横は左端からいくらかという指定です。
画像にリンクを貼らない場合は、画像タグ前後のリンクタグをなくして下さい。
<layer id=Brd style="height: 【高さ】px; width: 【幅】px;">
<div id=Brd_IE style="position:absolute;
top=【位置・縦】; left=【位置・横】; height: 【高さ】px; width: 【幅】px;">
<a href="【リンク先】"><img src="【画像のファイル名】"></a></div>
</layer>
<script language=javascript>
<!--
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
function Branding() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .5 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.Brd_IE.style.pixelTop += percent;
if(NS) document.Brd.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .5 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.Brd_IE.style.pixelLeft += percent;
if(NS) document.Brd.left += percent;
lastScrollX = lastScrollX + percent;
}
}
if(NS || IE) action = window.setInterval("Branding()",1);
//end
//-->
</script>
|
ス
ク
ロ
|
ル
し
て
み
て
下
さ
|
い
w
つ
い
て
き
て
ま
す
か
|
?
w
「HTMLタグ」のトップに戻る
|
|
|