ウノウラボ 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
Unobtrusive AJAX Star Rating Bar - Masuga Design
Digital Strategy, Design, and Development WorkSee some of our best, most challenging projects. Expert Craft CMS DevelopersWe have 10+ years of Craft CMS development experience. The Ultimate Craft CMS vs. WordPress GuideOne of our popular blog posts comparing Craft and WordPress. Best Practices for HTML Background Video OptimizationBig background videos are cool, but be sure to do them right! Unobt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
