(^o^)/ Shockwaveをスキップする。 

 

ホーム へ    サンプルページ スプラッシュ    splash.htm

オープン時、順に3個のメッセージ・画像・コンテンツを ”派手に =(゜。.゜)= ” 表示、指定ページを開きます。     Flash     メッセージ、画像などの編集はテキストエディターで。      all 対応です。          コピー、編集し、簡単にWebで応用できまっ。

デモの再開は、[F5] キー 、サウンドミュートは [Esc] キー、で。

 

< ご使用方法 >

 ・ ローカル(=PC)への保存は、splash.htmwel51.swfwel52.swfwel53.swfSymphony.mid を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。    ※: 【Internet Explorer】 - [ファイル] - [名前を付けて保存]−[ファイルの種類] ”Webページ、完全” ……、などで変わってしまったファイル名や、*.html 中のパスは要修正。

 ・ このDHTMLの実装方法は、splash.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、  <head> 〜 </head> の任意の行間に (*1) を、さらに <body> 〜 </body> の任意の行間に (*2) をペーストします。

 ・ 編集方法は、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などで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号62スタイルシートリファレンスホームページ開設入門が便利!。   Web& Internet SamplesWeb DevelopmentXMLDHTMLとは?ColorTableHTMLの色指定色見本

(*1) splash.htm (例)        挿入先の  <head> 〜 </head> の、 部分にペーストします。

    HTMLの編集方法    (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

シフトJIS使用(削除不可)

ieなどに表示するアイコンファイル名(削除可)
<style type 〜</style>は(削除可)
マウスオーバー時のテキスト  背景色 下線非表示
マウスオーバー時の下線表示(逆も可)

 

リンクを新しいWinで開くを標準(削除可)  ※:target= いろいろ
同じフレーム target="_self"
ページ全体  target="_top"
親フレーム  target="_parent"

お気に入り、タスクバーに表示するページ名(≠ファイル名)

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}

--></style>

<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>

<!-- ★ ---------- ↑ この間をコピー、編集、ペーストします。 ---------- -->

< 補足 >    適時参照あれ!。

 ・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。