Ads by Google
ページ詳細
40
users
users
JavaScriptを使わないスターレイティングの作り方
- 記事本文 : http://labs.unoh.net/2007/08/javascript_1.html
- タグ : tutorialCSSyuisekicssスターレイティングjs*WebデザインRaTeHTMLweb
- 関連ページ : [ labs.unoh.net ]の新着ページ
こんにちわ、山下です。
Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。
1.画像を用意する
まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。
2.HTMLを書く
HTMLはとてもシンプルで、ULリストを...
コメント
読み込み中...
ここまでやるか。というか、IE6でちゃんと表示されてねぇ
星のつけかた
CSSのお勉強に
結局サーバにデータ送るときにはJavaScript使うんじゃ。
急にマークアップ批判が出るようになったのは、ご時世か