漫画のタイトルなど

-

p /12p

ページ指定(半角数字)




3p- 5p- 10p
▲HOME


HTMLはこちら↓
このままでいい人は、大体コピペでおk
漫画のタイトル部とか、ジャンプするページ数とか、画像サイズは変えてね。
<HTML> <HEAD> <TITLE>漫画のタイトルなど</TITLE> <STYLE TYPE="text/css"> <!-- A { color : #D2B48C; /*リンク文字色*/ text-decoration : none ; /*リンク文字に下線をつけない*/ } A:hover { color : #F5DEB3; /*カーソル乗った時のリンク文字色*/ text-decoration : underline ; /*カーソル乗った時リンク文字に下線をつける*/} td{ font-size: 12px ; /*テーブルタグで囲まれた文字のサイズ*/ } BODY { background:#000000; /*ページ背景色*/ background-image: url(.gif);/*ページ背景画像*/ background-attachment: fixed;/*ページ背景画像を固定する(画像指定なしの場合無効)*/ background-repeat: repeat; /*ページ背景画像をリピートする(画像指定なしの場合無効)*/ font-family : Verdana,Osaka ; /*文字フォント指定(ごっつい適当)*/ color:#DEB887 ;/*文字色*/ font-size: 12px ; /*文字サイズ*/} input.np{ border-style: none ;/*現在ページ数表示ボックスに枠をつけない*/ color : #DEB887; /*現在ページ数表示ボックスの文字色*/ background-color : #000000 ;/*現在ページ数表示ボックスの背景色*/ font-family : Verdana,Osaka;/*現在ページ数表示ボックスの文字フォント指定(ごっつい適当)*/ font-size:10pt; /*現在ページ数表示ボックスの文字サイズ*/ } /*ページ指定ジャンプと、ボタンで飛ぶやつ*/ input.jp{ border-style: solid ;/*枠を実線にする*/ border-color: #F5DEB3 ;/*枠の色*/ color : #000000; /*文字色*/ background-color : #DEB887 ;/*背景色*/ font-family : Verdana,Osaka; /*文字フォント指定(ごっつい適当)*/ font-size: 8pt; ; /*文字サイズ*/ } /*選んで飛ぶやつ*/ SELECT{ border-style: none ;/*枠をつけない*/ border-color: #F5DEB3 ;/*枠をつける場合の枠の色*/ color : #000000; /*文字色*/ background-color : #DEB887 ;/*背景色*/ font-family : Verdana,Osaka;/*文字フォント指定(ごっつい適当)*/ font-size: 8pt; /*文字サイズ*/} --> </STYLE> <SCRIPT Language="JavaScript"> <!-- //最大ページ数設定 //↓数字は必ず 偶 数 でお願いします! MaxPage=12; //--> </SCRIPT> <SCRIPT language="JavaScript" src="../comic.js"></SCRIPT> </HEAD> <BODY> <CENTER> <B>漫画のタイトルなど</B><FORM name="comic"> <TABLE border="0" cellspacing="0" cellpadding="0"> <TR> <TD align="right" valign="top"> <A name="top"></A> <!-- 下の◎部分に画像の横サイズ、●部分に画像のたてサイズを入力してください(半角) --> <A href="#top" onclick="next()"><IMG src="2.gif" width="◎" height="●" border="0" name="myImage2"></A><BR> <INPUT size="2" class="np" type="text" name="nowpage2" value="2" readonly>- </TD><TD valign="top"> <A href="#top" onclick="prev()"><IMG src="1.gif" width="◎" height="●" border="0" name="myImage"></A><BR> <INPUT size="2" class="np" type="text" name="nowpage" value="1" readonly> <B>p /12p</B></FONT> </TD> </TR> </TABLE><BR> <IMG src="4.gif" width="20" height="30" border="1" name="VIEW2"> <IMG src="3.gif" width="20" height="30" border="1" name="VIEW"></font> <TABLE border="0" CELLPADDING="10"><tr><td align="center"> <font size="1">ページ指定(半角数字)<BR> <INPUT size="2" type="text" name="page" value="1" class="jp"> <INPUT type="button" class="jp" name="go" value="Go!" onclick="jump(this.form)"> </td><td> <INPUT type="button" class="jp" value="3ページ目" onclick="Num=3;pgjump()"><BR> <INPUT type="button" class="jp" value="6ページ目" onclick="Num=6;pgjump()"><BR> <INPUT type="button" class="jp" value="9ページ目" onclick="Num=9;pgjump()"><BR> <INPUT type="button" class="jp" value="12ページ目" onclick="Num=12;pgjump()"><BR> </td><td> <SELECT name="sejump" onchange="seljump()"> <OPTION value="1" selected>選んでジャンプ</OPTION> <OPTION value="3">3ページ目</OPTION> <OPTION value="5">5ページ目</OPTION> <OPTION value="8">8ページ目</OPTION> <OPTION value="11">11ページ目</OPTION> </SELECT> </td><td> <a HREF="#top" onclick="Num=3;pgjump()">3p</a>- <a HREF="#top" onclick="Num=5;pgjump()">5p</a>- <a HREF="#top" onclick="Num=10;pgjump()">10p</a> </td></tr></table> </FORM> </CENTER> <!-- ↓◎◎の部分にサイトトップや漫画トップのアドレスを入れてください。例 top.html --> <a HREF="◎◎">▲HOME</a> </BODY> </HTML>