ウノウラボ 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
JavaScriptでスターレーティングを行うライブラリやサービス色々:phpspot開発日誌
JavaScriptでスターレーティングを行うライブラリやサービス色々。 スターレーティングとは最近ではお馴染みの、５つ表示された星をクリックするだけで投票がAjaxで行えるものです。 ライブラリ jQuery Star Rating Super Interface! - jQueryを使ったライブラリ Unobtrusive AJAX Star Rating Bar - 以前、当ブログで紹介したAjax+PHP+MySQLな投票ウィジェット。 prototype.jsを使ったものも欲しいところでしょうか。 サービス サイトにレーティングウィジェットを簡単設置「Star It!」 - ページに貼り付けられるウィジェットです 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ ブラウザ上で動作するOSのまとめ JavaScriptを使った各種WYSIWYGライブラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
