- ベストアンサー
【FC2】マウスポインターどこに入れれば良い??
- FC2のマウスポインターの設定方法について、初心者のために説明してください。
- XTMLの編集やスタイルシートの編集に関わらず、マウスポインターのタグは<BODY>タグ内に入れる必要があります。
- 具体的なマウスポインターのタグは<SCRIPT type="text/javascript" src="http://www9.ocn.ne.jp/~aki2nd/dhtml/sample/starmouse.js"></SCRIPT>です。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ウチでも試してみましたが、 単に同じように<body>部分に貼り付けるだけで動作しました。 なので、＃１補足のソースの場所で問題ないと思います。 動作しない原因についてですが、 ＦＣ２を使っていないので、単なる推測ですが、 ・ページの更新がされていない ・外部のスクリプトの実行が拒否されるようになっている とかあるのかもしれません。 外部のスクリプトが実行できないのであれば、 starmouse.js をダウンロードして、 自サイトにアップして src= の部分をアップしたファイル名（http:から始まるフルパスで）に変更してみて下さい。
その他の回答 (2)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
#2>これの、どこか(数字とか?)を変更すれば、ページの下に行っても泡が見えるようになるのでしょうか？？ ウチでは、WinＩＥ６で試していますが、スクロールしても大丈夫でした。 画面の下の方にスクロールした後、画面をマウスクリックしてみて下さい。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
HTML の編集の方です。
補足
ご回答ありがとうございます!!! それだけでも的が絞れて嬉しいです(///ω///) ↓これが私のブログのHTMLの前半なのですが、どの辺に入れたら良いのでしょうか？？ どのサイトも<BODY>～</BODY>としか説明が無く、実際は良くわかりません。 試しに何箇所か入れましたがダメでした・・ ちなみに、<body>の下に私が入れたいマウスストーカーのタグ↓を入れてあります。 アドバイス、是非宜しくお願い致します！！！！ **マウスストーカーのタグ** <SCRIPT type="text/javascript" src="http://www9.ocn.ne.jp/~aki2nd/dhtml/sample/starmouse.js"></SCRIPT> **私のブログのHTML** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- FC2カウンター ここから --> <script language="JavaScript" type="text/javascript" src="http://counter1.fc2.com/counter.php?id=578867"></script><noscript><a href="http://counter.fc2.com/" target="_blank" title="FC2カウンター">FC2カウンター</a></noscript> <!-- FC2カウンター ここまで --> <meta http-equiv="content-type" content="text/html; charset=euc-jp"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <link href="<%css_link>" rel="stylesheet" type="text/css" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml"> <title><%blog_name><%sub_title></title> </head> <body> <SCRIPT type="text/javascript" src="http://www9.ocn.ne.jp/~aki2nd/dhtml/sample/starmouse.js"></SCRIPT> <div id="baseBlock"> <div id="headBlock1"> <a href="<%url>"><div id="headBlogName"><%blog_name></div></a> <div id="headIntroduction"><%introduction></div> </div> <div id="headBlock2"> <!-- search --> <form method="get" action=""> <img src="http://blog27.fc2.com/template/pink/image/header_search.gif" width="68" height="18" /> <input id="search" name="search" size="20" class="search" /> <input type="submit" value="go" class="button" /> </form> <!-- /search/ --> </div> <div id="menuBlock"> <!--plugin--> <!--plugin_first--> <div class="menuBlockBase"> <div class="menuBlockHead" style="text-align:<%plugin_first_talign>">◎ <%plugin_first_title></div> <div class="menuBlockBody"> <div class="menuText"> <p style="text-align:<%plugin_first_ialign>"> <%plugin_first_description> </p> <%plugin_first_content> <p style="text-align:<%plugin_first_ialign>"> <%plugin_first_description2> </p> </div> </div> </div> <!--/plugin_first--> <!--plugin_second--> <div class="menuBlockBase"> <div class="menuBlockHead" style="text-align:<%plugin_second_talign>">◎ <%plugin_second_title></div> <div class="menuBlockBody"> <div class="menuText"> <p style="text-align:<%plugin_second_ialign>"> <%plugin_second_description> </p> <%plugin_second_content> <p style="text-align:<%plugin_second_ialign>"> <%plugin_second_description2> </p> </div> </div> </div> <!--/plugin_second-->
補足
ご回答、ありがとうございます!! そして、お返事が遅くなってしまい、申し訳ございません(m>□<)m(下)(下) マウスストーカー、、付ける事ができました!!!!!! キラキラ星は止めて、泡が下からふわふわ上がってくるものにしたのですが、、 大・大：大満足デス＼(≧U≦）/ 本当にありがとうございます!!! そこで、ひとつ気になる事があるのですが、、、 スクロールでページの下の方を読もうとすると、 泡(マウスストーカー)が消えてしまうのです。。。 どうしたらマウスストーカーが出来るようになったかと言うと、 ＤＬしたら、テキストドキュメントがあり、そこを読むと、 以下のようなソースがあったので、コピペして画像のＵＲＬをいれたら出来たのですが、 ↓はじめにお読み下さいの文章↓ gaiaxでお使いになる場合は同梱の画像ファイルとjsファイルをアップロードして下さい。 ただし、ファイルがアップロードできる所を借りているのが条件です。 その際はjsファイルの Image0.src="drop1.gif";この部分を httpから全て記入して下さい。 jsファイルの編集はアップロードして編集画面でおこなうか、右クリックで編集を選んで下さい。 gaiax以外でお使いの方は画像ファイルをアップロードした後 以下のソースをコピーしてお使い下さい。画像はご自由に入れ替えて下さい。 <body> <script language="JavaScript"> <!-- Image0=new Image(); Image0.src="drop1.gif"; ←ここに入れたい画像のURLを入れました★ Amount=8; Ymouse=-50; Xmouse=-50; Ypos=new Array(); Xpos=new Array(); Speed=new Array(); rate=new Array(); grow=new Array(); Step=new Array(); Cstep=new Array(); nsSize=new Array(); ns=(document.layers)?1:0; WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ Ymouse=(document.layers)?evnt.pageY-20:event.y-20; Xmouse=(document.layers)?evnt.pageX:event.x; } (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i=0; i < Amount; i++){ Ypos[i]=Math.random()*WinHeight-Ymouse; Xpos[i]=Xmouse; Speed[i]=Math.random()*3+1; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; grow[i]=4; nsSize[i]=Math.random()*20+5; rate[i]=Math.random()*0.5+0.1; } if (ns){ for (i = 0; i < Amount; i++){ document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">'); } document.write('</div></div>'); } function MouseBubbles(){ var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(270*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]*5); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] < -40){ Ypos[i]=Ymouse; Xpos[i]=Xmouse; Speed[i]= 6+Math.random()*3; grow[i]=4; nsSize[i]=Math.random()*15+7; } if (ns){ document.layers['sn'+i].left=Xpos[i]+wscrll; document.layers['sn'+i].top=Ypos[i]+hscrll; } else{ si[i].style.pixelLeft=Xpos[i]+wscrll; si[i].style.pixelTop=Ypos[i]+hscrll; si[i].style.width=grow[i]; si[i].style.height=grow[i]; } grow[i]+=rate[i]; Cstep[i]+=Step[i]; if (grow[i] > 24) grow[i]=25; } setTimeout('MouseBubbles()',12); } MouseBubbles(); //--> </script> </body> これの、どこか(数字とか?)を変更すれば、ページの下に行っても泡が見えるようになるのでしょうか？？ もしお分かりになれば是非宜しくお願い致します。 重ね重ねすみませんっ。。 でも、ひと段落しました。。 本当にうれしいです(人´∀｀)．☆．。．:*・