きらめく星 |
説 明 | 星がきらきらと輝きます。星を光らせるためのアニメーションGIF画像を用意しておきます。光らせたい星の数だけ<img>タグを用意し、スタイルシートを使ってそれぞれの星の座標を指定します。 |
---|---|
注意事項 | 下記サンプルの赤字部分が画像ファイル名、青文字が星を表示する座標になっています。それぞれの状況に応じて書き換えてください。 |
■動作雰囲気チェック >>実行 |
|
サンプル |
<html> <head> <title>きらめく星</title> <style type="text/css"><!-- #star1 { position:absolute;left:10px;top:20px; } #star2 { position:absolute;left:200px;top:80px; } #star3 { position:absolute;left:50px;top:200px; } #star4 { position:absolute;left:130px;top:120px; } #star5 { position:absolute;left:220px;top:170px; } --></style> </head> <body> <img src="star.gif" id="star1"> <img src="star.gif" id="star2"> <img src="star.gif" id="star3"> <img src="star.gif" id="star4"> <img src="star.gif" id="star5"> </body> </html> |