サンプルページ　　　スクロールテキスト 5

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ｽｸﾛｰﾙﾃｷｽﾄ 5　scr5.htm

ﾏｳｽｵｰﾊﾞｰ・ｱｳﾄで背景色変化、自動切り替え、ﾊｲﾊﾟｰﾘﾝｸ付き。　　　　　　DHTML。　　　　　　配色、ﾒｯｾｰｼﾞﾃｷｽﾄなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。

ﾃﾞﾓは、ﾏｳｽｵｰﾊﾞｰ、ｸﾘｯｸで。

< ご使用方法 >

・　ﾛｰｶﾙ（=PC）への保存は、scr5.htm　を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]－[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

・　このDHTMLの実装方法は、scr5.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、<head>　～</head>の任意の行間に (*1) を、さらに<body>　～</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

･　編集方法は、hogehoge.html をWordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいはﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　　　　　ﾊﾟﾗﾒｰﾀｰの変更は該当部分で。　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。　　　　※: 太字、彩色自体は動作に無関係。

・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 4.x～などで開いて。　　　　更新の確認は、ie、Netscapeやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieでＦ５ｷｰを押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。　　　Netscaperは、Ctrl+Ｒｷｰで。

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

　･　関連情報：色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web Development、Web開発、MSDN IE8 HTMLとCSS。

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

HTMLの編集方法　

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

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

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

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

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

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

ﾘﾝｸを新しいWinで開くを標準（削除可）　※：target=　いろいろ
同じﾌﾚｰﾑ　target="_self"
ﾍﾟｰｼﾞ全体　　target="_top"
親ﾌﾚｰﾑ　 target="_parent"

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

CSS

DHTML

ﾒｯｾｰｼﾞﾃｷｽﾄ

URL

幅、　90%　など可。

切り替え時間（ms）

ﾏｳｽｵｰﾊﾞｰ・ｱｳﾄ背景色

※：色記号、2

← → 吹き出し

ﾃｷｽﾄ・背景・罫線色

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

}

A {

TEXT-DECORATION: underline

}

-->

</style>

<title>サンプルページ　　　スクロールテキスト 5</title>

<style>

<!--

.scrollerstyle{

font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;

}

-->

</style>

//News Bar script- By Premshree Pillai (premshree@hotmail.com)

//http://www.qiksearch.com/javascripts.htm

//Enhancements by Dynamic Drive

//Visit http://www.dynamicdrive.com for this script

var msgs = new Array(

"(1)　Google - 最新・超高速ｻｰﾁｴﾝｼﾞﾝ搭載　ここに、φ(.. )、　ﾒｾｰｼﾞを。",

"(2)　Apple　QuickTime - ｱｯﾌﾟﾙｸｲｯｸﾀｲﾑ、ﾑｰﾋﾞｰ、TVﾁｬﾈﾙ、＼^o^／、　　♪└|∵|┐♪└|∵|┘♪　　　┌|∵|┘♪　……",

"(3)　Yahoo - ｻｳﾝﾄﾞ、♪♪♪　=（゜。゜）=　……",

"(4)　Yahoo - ﾑｰﾋﾞｰ、=(^。^)=、(＾o＾)、……",

"(5)　ﾘｱﾙｶﾞｲﾄﾞ - ｻｳﾝﾄﾞ、♪♪♪　 =(・。・)=、〔｀。´ 〕、（・!・）　……" ); 　　// 最後は、　,　がありません。

var msg_url = new Array(

"http://www.google.com/intl/ja/",

"http://www.apple.com/quicktime/qtv/",

"http://launch.yahoo.com/",

"http://movies.yahoo.com/",

"http://realguide.real.com/?" ); 　　　　// 最後は、　,　がありません。

var barwidth=500 //Enter main bar width in px or %

var setdelay=3000 //Enter delay between msgs, in mili-seconds

var mouseover_color='#EFFFBE' //Specify highlight color

var mouseout_color='#F5EDFF' //Specify default color

/////////////////////////////////////////////////////////////////////

var count=0;

var ns6=document.getElementById&&!document.all

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){

document.write('<form name="news_bar">

==== この間､説明を省略｡ ====

init_news_bar();

</script>

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

HTMLの編集方法　

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

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

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

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

・　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。