投稿者:NAOKI 2003/03/13
20:57:58 |
裏技タグのページにある「残像をつけてマウスとともに動く」なんですが、赤字で書かれてある "http://mikichan.sugoihp.com/tonb.gif"を変える事は解かるのですが、どうしてもうまくいきません。 例えばファイルマネージャーで"star.gif"とゆう画像を使いたい場合はどのように変更すればいいのでしょうか?出来ればソースを書いてくれるとありがたいのですが・・・
この前はMIDIの件で大変お世話になりありがとうございました。
http://mypage.odn.ne.jp/home/starry_night |
投稿者:みきちゃん 2003/03/13
22:06:33 |
「残像をつけてマウスとともに動く」のトンボに替わる"star.gif"は、 まいぺーじでもいいし、他のサーバーでも構いませんので、 どこかのサーバーへアップする必要があります。 まいぺーじへアップした場合は「files/star.gif」またはフルアドレス。 他のサーバーの場合はフルアドレスになります。 以下の2行のタグをコピーして、本文文頭に入れてください。 1行目 <style
type="text/css">BODY {overflow: scroll; overflow-x:
hidden;}</style></HEAD><BODY> 2行目
<SCRIPT
LANGUAGE="JavaScript"><!--var remain_img = 16;var path =
"http://mikichan.sugoihp.com/tonb.gif";var isIE = false, isNav = false, range =
"all.", style = ".style", i, d = 0;var topPix = ".pixelTop", leftPix =
".pixelLeft", images, storage;if (document.layers) {isNav = true, range =
"layers.", style = "", topPix = ".top", leftPix = ".left";} else if
(document.all) {isIE = true;}function init_trail() {images = new Array();for (i
= 0; i < parseInt(remain_img); i++) {images[i] = new Image();images[i].src =
path; }storage = new Array(); for (i = 0; i < images.length*3; i++)
{storage[i] = 0;}for (i = 0; i < images.length; i++) { (isIE) ?
document.write('<div id="obj' + i + '" style="position: absolute; z-Index:
100; height: 0; width: 0"><img src="' +images[i].src +
'"></div>') : document.write('<layer name="obj' + i + '" width="0"
height="0" z-index="100"><img src="' + images[i].src +
'"></layer>');}trail();}function trail() {for (i = 0; i <
images.length; i++) {eval("document." + range + "obj" + i + style + topPix + "="
+ storage[d]);eval("document." + range + "obj" + i + style + leftPix + "=" +
storage[d+1]);d = d+2;}for (i = storage.length; i >= 2; i--) {;storage[i] =
storage[i-2];}d = 0;clearTimeout(timer);var timer = setTimeout("trail()",
10);}function m_Event(e) { if (isIE) {storage[0] =
window.event.y+document.body.scrollTop+10;storage[1] =
window.event.x+document.body.scrollLeft+10;} else {storage[0] =
e.pageY+12;storage[1] = e.pageX+12;}}if (isNav)
{document.captureEvents(Event.MOUSEMOVE);}if (isIE || isNav)
{init_trail();document.onmousemove =
m_Event;}//--></SCRIPT>
まいぺーじの既製品トップページは、本文欄が3段になっていて、 1段の文字数制限が2500字なので、 1行目を最上段へ、2行目を中段へ書き込んでください。
既製品ぺーじ以外の場合は、スクリプト部分を 各々ヘッド部分とボディ部分に挿入してください。 |
投稿者:NAOKI 2003/03/14
12:09:00 |
前回質問したことなんですが、"files/star.gif"でも フルアドレスでもうまくいきませんでした。 後、考えられるのはサーバーにアップがちゃんと出来ていないことくらいしか思いつきません。 念のため、アップの仕方を教えていただけないでしょうか?何度も同じことを質問してすいません。
http://mypage.odn.ne.jp/home/starry_night |
投稿者:みきちゃん 2003/03/14
12:22:09 |
「マウス残像」は、まいぺーじ既製品のページでは難しいのです。 スクリプトの改行を無くす段階で変異してしまうようです。
できれば、追加ページでまず実行してみることをお薦めします。
star.gifは正しくアップできていますので確認できました。 |
投稿者:みきちゃん 2003/03/15
23:33:30 |
残像トンボ改良完了
残像を残してマウスを追いかけるスクリプトを、まいぺーじ既製品でも利用可能になりました。
(マサキ町紹介top page) @http://www.geocities.co.jp/HeartLand-Himawari/3280/csstext/mouse2.txt をダウンロード(IEアドレス欄に貼り付ける)して、 上から3行目の画像を自分の好みの画像アドレス(アップ済み)に貼り替える。
Aまいぺーじへ、mouse2.txtをアップする場合は、 名前をmouse2.gifに変更してください。
B本文欄に記載するスクリプトは、いつものとおり全文1行です。 テキストをアップしたアドレスに変更してください。 <style
type="text/css">BODY {overflow: scroll; overflow-x:
hidden;}</style><SCRIPT LANGUAGE="JavaScript"
src="http://www.geocities.co.jp/HeartLand-Himawari/3280/csstext/mouse2.txt"></SCRIPT> |
|