TOPページ > HTML小技

HTML小技

当サイトで使っている小技を少し紹介したいと思います。ほとんどがhtmlソースの<head>〜</head>区間に貼り付けます。よくわからない人は、目安として<title>○○○</title>の下に貼り付ければいいと思います。
その後も、他の小技を貼り付けしたい場合は、</style>で改行して貼り付けていくといいです。ソースはコピーしてもらってもかまいません。


オンマウスで色が変わる

htmlソースの<head>〜</head>区間に貼り付けます

3行目は
最初に表示される文字色
4行目は
訪問後の文字色
5行目は
カーソルが触れた時の下線と文字色

オンマウスで文字に背景色をつける

お得に楽しく♪はっぴぃねっと
1行目のbackground='#ffcccc'" がマウスを乗せた時に変わる色です。
2行目のbackground='#ffffff'"は、ページの背景色です。

オンマウスで文字が移動

カーソルを重ねてみてね♪
5行目で動きの指定をしています。
【top】上から下に動く
【left】左から右に動く

leftからrightに変えれば逆方向に動きます
数字を大きくすると、動きも大きくなります。


html小技【2】へ→

ブログパーツ