(^o^)/ Shockwaveをスキップする。 |
ホーム へ サンプルページ スプラッシュ splash.htm
オープン時、順に3個のメッセージ・画像・コンテンツを ”派手に =(゜。.゜)= ” 表示、指定ページを開きます。 Flash メッセージ、画像などの編集はテキストエディターで。 all 対応です。 コピー、編集し、簡単にWebで応用できまっ。
デモの再開は、[F5] キー 、サウンドミュートは [Esc] キー、で。
< ご使用方法 >
・ ローカル(=PC)への保存は、splash.htm、wel51.swf、wel52.swf、wel53.swf、Symphony.mid を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。 ※: 【Internet Explorer】 - [ファイル] - [名前を付けて保存]−[ファイルの種類] ”Webページ、完全” ……、などで変わってしまったファイル名や、*.html 中のパスは要修正。
・ このDHTMLの実装方法は、splash.htm
をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ
1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1)
を、さらに
・ 編集方法は、hogehoge.html を WordPad や SmipleText などのテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。 下記の(例) (*1) と、(*2) を参考に太字部分の編集を任意に行います。 アイコン画像などの変更は準備した画像ファイル名を hogehoge.html などの該当部分に記述。 ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。 ※: 太字、彩色自体は動作に無関係。
・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 4.x〜 などで開いて。 更新の確認は、ie、Netscapeやサーバーからのキャッシュデーター更新を、目的のページを表示し ieで [F5]キー を押し最新データ読み込みで行います(≠再アクセス)。 Netscaperは、Ctrl+Rキーで。
・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.swf などを転送/配置し実施。 ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。 FTPなどで変わったファイル名は要修正。 スクリプト構文中への改行混入は非作動原因。
・ 関連情報 : 色記号6、2、スタイルシートリファレンス、ホームページ開設入門が便利!。 Web& Internet Samples、Web Development、XML、DHTMLとは?、ColorTable、HTMLの色指定、色見本。
(*1) : splash.htm (例) 挿入先の <head> 〜 </head> の、〜 部分にペーストします。
HTMLの編集方法 | (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
シフトJIS使用(削除不可) ieなどに表示するアイコンファイル名(削除可)
リンクを新しいWinで開くを標準(削除可)
※:target= いろいろ お気に入り、タスクバーに表示するページ名(≠ファイル名) BGMサウンドファイル |
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <link REL="SHORTCUT ICON" href="faviconj.ico"> <style type="text/css"><!-- A:hover {COLOR: #8000e2; BACKGROUND-COLOR: #f3edee; TEXT-DECORATION: none } A {TEXT-DECORATION: underline} --> <base target="_blank"> <title>サンプルページ splash</title> <bgsound src="Symphony.mid" loop="1"> |
(*2) : splash.htm (例) 挿入先の <body> 〜 </body> の、〜 部分にペーストします。
HTMLの編集方法 | (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
サイズ サイズ
画像ファイル
33秒 : shockwave表示時間
オープンサイト
フォント サイズ コンテンツ連番 テキスト Shockwaveファイル サイズ
中央配置
中央配置
スキップ先サイト 吹き出し テキスト色 テキスト
|
<body>
<!-- ★ ---------- ↓ この間をコピー、編集、ペーストします。 ---------- --> <div id="splashcontainer" style="position:absolute;width:900px;"></div> <layer id="splashcontainerns" width=450></layer> <script> /* ==== この間、説明を省略。 ==== var preloadimages=new Array("1001.gif","1002.gif") //configure delay in miliseconds between each message (default: 2 seconds) var intervals=33000 //configure destination URL var targetdestination="sy002.html" //configure messages to be displayed //If message contains apostrophe('), backslash them (ie: "Im fine") var splashmessage=new Array() var openingtags='<font face="MSP Gothic,MS Gothic,Arial" size="4">' splashmessage[0]='<p><img src="1001.gif"> いらっしゃい!、 =(^。^)= <img src="1002.gif"></p><BR><embed align="bottom" src="wel51.swf" width="608" height="368"><noembed>ここに shockwave オブジェクト が実装されていますが、お使いのブラウザでは表示できません!。</noembed>' splashmessage[1]='<img src="1002.gif"> よくおいでくださいました。 =(゜。.゜)= <img src="1001.gif"> <BR><p> <embed align="bottom" src="wel52.swf" width="608" height="368"></p>' splashmessage[2]='<img src="1001.gif"> <img src="1002.gif"> 少しお待ちください、…* (^ ^) ♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪ <BR><p><embed align="bottom" src="wel53.swf" width="560" height="224"></p>' var closingtags='</font>' ==== この間、説明を省略。 ==== sc_cross.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>' sc_cross.style.left=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2 sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2 sc_cross.style.visibility="visible" ==== この間、説明を省略。 ==== sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2 sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2 sc_ns.visibility="show" ==== この間、説明を省略。 ==== <!--Set href in below link to the URL of the target destination--> <div align="right"> <table border="0" width="200" height="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" valign="bottom" align="right">[ <a href="" title="太陽風を開きます。=(^。^)="><font color="#808080">Shockwaveをスキップする。</font></a> ] </td> </tr> </table> </div> <!-- ★ ---------- ↑ この間をコピー、編集、ペーストします。 ---------- --> |
< 補足 > 適時参照あれ!。