|
作り方(ソースサンプル)
|
|---|
?@JSファイル(testdata.js)
<![CDATA[
n=0;
img_s=new Array;//見出し写真
com_s=new Array;//見出しコメント
img_l=new Array;//展示写真
com_l=new Array;//展示しコメント
//
n++;
img_s[n]="hana001s.jpg";
com_s[n]="オオイヌノフグリ";
img_l[n]="hana001.jpg";
com_l[n]=""オオイヌノフグリ";
//
n++;
img_s[n]="hana002s.jpg";
com_s[n]="ツクシ";
img_l[n]="hana002.jpg";
com_l[n]="ツクシ、(成長するとスギナ)";
////////以降、展示件数だけ書く////////
]]>
|
?Aフレーム(testfram.htm)
<![CDATA[
<html>
<head>
<title>***展示室</title>
</head>
[<a href="/index.cgi/contrast/http://www2a.biglobe.ne.jp/~qpon/html/testmenu.htm">フレーム:menufram</a>]
[<a href="/index.cgi/contrast/http://www2a.biglobe.ne.jp/~qpon/html/testmain.htm">フレーム:mainfram</a>]
]]>
|
?Bメニュー(testmenu.htm)
<![CDATA[
<html>
<head>
<title>menu</title>
<head>
<body>
<form>
セットNO:
<input type="text" name="set_no" value="1" size=3>
</form>
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www2a.biglobe.ne.jp/~qpon/html/js_db.htm">(->オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://www2a.biglobe.ne.jp/~qpon/html/js_db.htm" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>
</body>
</html>
]]>
|
?C展示(testmain.htm)
<![CDATA[
<html>
<head>
<title>main</title>
</head>
<body>
<div>
<h1>展示テスト</h1>
</div>
</body>
</html>
]]>
|