|
|
|
| Yahoo!提供ニュースが自分のHPで取得できてしまうプログラム ┃ ドロップウィンドウ（ホバーウィンドウ） |
 ドロップウィンドウ（ホバーウィンドウ） |
| 最近流行のドロップウィンドウの設置方法をお教え致します。 と言っても、こちらでフリー配布しているスクリプトをブランノエリア風に改造しただけですが。 ブランノエリア風は何が違うか？消してもしつこくウィンドウが左上に残るのが特徴です。笑 これで、宣伝効果も倍増！？サンプル（このページ） １．drop.jsを適当なところに「保存」して下さい。 ２．ドロップウィンドウを設置したいHTMLページの<body>タグ内に下記のように記述して下さい。 <body> <noscript><A href="http://blanc-noeria.com/" target="_blank">アクセスアップ・WEB起業家支援【ブランノエリア】</A></noscript><SCRIPT type="text/javascript" src="drop.js"></SCRIPT> ・・・・・・ </body> ３．更に、<body>タグ内の適当なところにドロップウィンドウ本体（<!--ここから-->〜〜<!--ここまで-->の部分）の記述をします。 <body> <noscript><A href="http://blanc-noeria.com/" target="_blank">アクセスアップ・WEB起業家支援【ブランノエリア】</A></noscript><SCRIPT type="text/javascript" src="drop.js"></SCRIPT> ・・・・・・ <!--ここから--> <!--ドロップウィンドウ１回目--> <DIV id="dropin" style="LEFT:0px;top:0px;VISIBILITY:hidden;WIDTH:340px;POSITION:absolute;HEIGHT:100px;BACKGROUND-COLOR:#ffffaa"> <TABLE cellSpacing=2 cellPadding=2 width="400" bgColor="#000000"> <TBODY><TR><TD bgColor="#ffffcc" align="center"> （ここはご自由に記載下さい） <FORM style="margin:8 0 0 0;"><INPUT TYPE=BUTTON VALUE="閉じる" onclick="dismissbox()"></FORM><BR> </TD></TR></TBODY></TABLE> </DIV> <!--ドロップウィンドウ１回目終わり--> <!--ドロップウィンドウ２回以降--> <DIV id="dropinb" style="LEFT:0px;VISIBILITY:hidden;WIDTH:200px;POSITION:absolute;TOP:0px; HEIGHT:50px;BACKGROUND-COLOR:#ffffaa;filter:Alpha(Opacity=65,FinishOpacity=50,Style=1);"> <TBODY><TR><TD bgColor="#ffffcc" align="center"> （ここはご自由に記載下さい） </TD></TR></TBODY></TABLE> </DIV> <!--ドロップウィンドウ２回以降終わり--> <!--ここまで--> ・・・・・ </body> ４．drop.jsを上記HTMLと同じディレクトリにアップすれば、完了です。 簡単でしょ？ |