『引用３」で行末の「 ↓連続 」が入っている場合は、必ず削除してください。
最後の行末で「 <--改行 」を入っている場合は、実際の改行を入れてください。
（記事の最後では、改行しても、改行しなくても大丈夫です)
||<#00ff00' style=' color:white; cursor:pointer;' ↓連続
onMouseEnter=this.style.background='#ff0000' ↓連続
onMouseLeave=this.style.background='#00ff00' ↓連続
``びーにィのブログ＾＾ｖｖ|| <--改行
||<#00FF00'
まずは背景色ですね＾＾ 僕は慣れないせいか、文字を色付けたり、バックグラウンドのとき、なかなかまだうまくいかず文字化けするときあります。。。＾＾；
次に、スタイルシートの部分です。
style=' color:white; cursor:pointer;'
「 style=' 」は、styleプロパティの初めです。
「半角空白」を入れます。
「 color:white; 」は、文字色（ここでは白色）です。
「半角空白」を入れます。
「 cursor:pointer; 」は、カーソルの形状（pointer）です。
「 ' 」は、sytleプロパティの終わりです。
○次は、「onMouseEnter」イベントハンドラです。
マウスポインタで枠の中に入ると、色が変わります。
onMouseEnter=this.style.background='#ff0000'
「 onMouseEnter 」はイベントハンドラで、左辺を処理したい時に行ないます。
「 = 」は、左辺と右辺の中に入れます。
「 this 」は、元のオブジェクト（ Link or Area ? ）です。
「 . 」を区切ります。
「 style=' 」は、オブジェクト（？）です。
「 . 」を区切ります。
「 background 」は、プロパティ（？）です。
「 = 」は、左辺と右辺の中に入れます。
「 ' 」は、値の始めです。
「 #ff0000 」は、値（ここでは赤色）です。
「 ' 」は、値の終わりです。
○次は、「onMouseLeave」イベントハンドラです。
マウスポインタで枠の外へ出て行くと、色が変わります。
onMouseLeave=this.style.background='#00ff00'
「 onMouseLeave 」はイベントハンドラで、左辺を処理したい時に行ないます。
「 = 」は、左辺と右辺の中に入れます。
「 this 」は、元のオブジェクト（ Link or Area ? ）です。
「 . 」を区切ります。
「 style=' 」は、オブジェクト（？）です。
「 . 」を区切ります。
「 background 」は、プロパティ（？）です。
「 = 」は、左辺と右辺の中に入れます。
「 ' 」は、値の始めです。
「 #00ff00 」は、値（ここでは緑色）です。
「 ' 」は、値の終わりです。
○後ろの部分は、文字列を入れます。
``びーにィのブログ＾＾ｖｖ
「 `` 」はを入れてます（意味は、考えないで良いです (^_^;）。
「 びーにィのブログ＾＾ｖｖ 」は、文字列になります。
○最後に、文を入れて完成です。
｜｜
○ちなみに、枠の中で色が変わらないのは、「 #ff0000'onMouse〜 」の「 'on〜」の問題で、
「 ' 」と「 on〜 」に「半角」が入っていないことが理由です。
ですので、「半角」でスペースを入れると、全部できますよ！ (^_^)r
× ＝「 'onMouseEnter 」 → ○ ＝「 ' onMouseEnter 」（ '(半角)onMouseEnter ）
× ＝「 'onMouseLeave 」 → ○ ＝「 ' onMouseLeave 」（ '(半角)onMouseLeave ）
||<#00ff00' style=' color:white; cursor:pointer;' onMouseEnter=this.style.background='#ff0000' onMouseLeave=this.style.background='#00ff00' `` びーにぃさんのブログ＾＾ｖｖ ||
|
![[11]](https://s.yimg.jp/i/jp/blog/p3/images/paging_for2.gif){kind=small}
コメント（4）
