ウノウラボ Unoh Labs: JavaScriptを使わないスターレイティングの作り方
こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l
Komodomedia » Blog Archive » CSS Star Rating Redux
Classic Rater: Currently 3/5 Stars. 1 2 3 4 5 Inline Rater: This Currently 1.5/5 Stars. 1 2 3 4 5 and Currently 4/5 Stars. 1 2 3 4 5 Small Rater Currently 2.5/5 Stars. 1 2 3 4 5 Quite awhile back, I wrote and article entitled Creating a Star Rater using CSS. In fact, if the CSS for this article is a little confusing, you may want to visit my previous articles to get yourself acquainted. I wrote i
404 Not Found - 澳门威尼斯人线上娱乐
澳门威尼斯人线上娱乐互动程度位居中文论坛前列澳门威尼斯人线上娱乐是华人网络世界里最为著名的社会、人文论坛板块之一
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Homepage
