サンプルページ　　　小Winスクロール

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　小Winｽｸﾛｰﾙ　　win_scrolls.htm

ｻﾌﾞWinに、自動ｽｸﾛｰﾙｺﾝﾃﾝﾂを表示。　　　　　　　DHTML。　　ﾒｲﾝﾍﾟｰｼﾞ：win_scrolls.htm と、小Win ：win_scrollsw.htm　から構成。　　　　　all対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できます。

<ご使用方法>

　・　ﾛｰｶﾙ（=PC）への保存は、win_scrolls.htm と、win_scrollsw.htm　を右ｸﾘｯｸします。　　　[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで行います。　　　　※1:ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は多少ある）。　　　 ※2:hogehoge.html ：制作者が名付けた挿入先ﾌｧｲﾙの総称。

　・　PCに保存した win_scrolls.htm と、win_scrollsw.htm　を WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　このDHTMLの実装方法は、♪ をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、ﾒｲﾝﾍﾟｰｼﾞの挿入先（新しいﾍﾟｰｼﾞ 1 や hogehoge.html）の、<head>　～　</head>の任意の行に(*1) を、さらに<body>　～　</body>の任意の行に(*2) （ﾒｲﾝﾍﾟｰｼﾞ）をﾍﾟｰｽﾄします。　　　　小Winの挿入先（新しいﾍﾟｰｼﾞ 1 や hogehoge.html）の、<body>　～　</body>の任意の行に(*3) （小Win）をﾍﾟｰｽﾄします。

　･　編集方法 ：下記の（例）(*1) と、(*2) （ﾒｲﾝﾍﾟｰｼﾞ）、(*3) （小Win）を参考に太字部分の編集を行い、制作者の個別情報などを反映させます。　　　　ﾊﾟﾗﾒｰﾀｰの変更も該当部分の記述/追加/変更/削除で行います。　　　　説明のための太字、彩色自体に依存なし。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 4.x～などで開き行います。　　　　更新非反映にﾌﾞﾗｳｻﾞｰのｷｬｯｼｭﾃﾞｰﾀがあります。　　目的のﾍﾟｰｼﾞを表示、Internet Explorer でＦ５ｷｰを押し最新ﾃﾞｰﾀを読み込みます。　　　NetscapeNavigatorは、Ctrl+Ｒｷｰを。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕などに、使用する画像なども転送/配置後に実施します。　　　FTPなどで変わってしまったﾌｧｲﾙ名は修正します。　　　　ｽｸﾘﾌﾟﾄ中への改行混入は非作動原因。

　･　関連情報：色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web& Internet Samples、Web Development、XML、DHTMLとは？、ColorTable、HTMLの色指定、色見本。

(*1) ：　win_scrolls.htm （例）　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

</style>～</style>は(削除可）

ﾏｳｽｵｰﾊﾞｰ時のﾃｷｽﾄ　背景　下線非表示

非ﾏｳｽｵｰﾊﾞｰ時の下線表示（逆も可）

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

COLOR: #8000e2; BACKGROUND-COLOR: #f3edee; TEXT-DECORATION: none

}

A {

TEXT-DECORATION:underline

}

-->

</style>

<title>サンプルページ　　小Winスクロール</title>　

(*2) ：　win_scrolls.htm （例）　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色　（任意値）

<SCRIPT>　から　</SCRIPT>迄をﾍﾟｰｽﾄ。

小Winｻｲｽﾞ

表示文字

<SCRIPT　から　</SCRIPT>　迄のﾍﾟｰｽﾄは任意。

ﾀｲﾑｵｳﾄ　（ms）

function opencredit(){

//set this to the file of the credit

var creditfile="win_scrollsw.htm"

if (document.all)

creditwindow=window.open(creditfile,"","width=445,height=250")

else

creditwindow=window.open(creditfile,"","width=445,height=250,scrollbars")

}

</SCRIPT>

<p align="left"><a href="javascript:opencredit()"><font face="MSPゴシック">ｻﾌﾞWinを開く</font></a></p>

<!--

if (document.all)

setTimeout("document.all.tempbar.style.display=''",3500)

//-->

</SCRIPT>　　

(*3) ：　win_scrollsw.htm （例）　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*3)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

　<script　から　</script>　迄をﾍﾟｰｽﾄ。

ｺﾝﾃﾝﾂの一部　（以下、記述は任意。）

var currentpos=0,alt=1,curpos1=0,curpos2=-1

==== この間､説明を省略｡ ====setInterval("scrollwindow()",10)

}

window.onload=initialize

</script>

<P>=(・。.・)= ここにコンテンツをいろいろ記述、ペーストして使用ます。</P>

<P>1</P><P>2</P><P>3</P><P>4</P><P>5</P><P>6</P><P><a href="http://www.pat.hi-ho.ne.jp/oka_tosho/sy001.html" target="_blank" title="クリック！！">太陽風ДζΨΠ∀=(・。.・)=　CD検索ﾎﾟｯﾌﾟｽ、ｼﾞｬｽﾞ、ﾜｰﾙﾄﾞﾐｭｰｼﾞｯｸ　</a></P>

<p align="left"><font face="ＭＳＰゴシック" size="3"><strong><a name="Synthesizer">Synthesizer,Keyboards</a></strong>

              <br>

<a href="http://www.tunes.com/tunes-cgi2/tunes/person_frame/60/0/0/4">Duke Ellington

(recorded on electric piano in 1955)</a><br>

<a href="http://www.tunes.com/tunes-cgi2/tunes/person_frame/27820/0/0/4">Gil Melle</a><br>

<a href="http://www.tunes.com/tunes-cgi2/tunes/person_frame/9258/0/0/4">Joe Zawinul</a><br>

</P>