2012-02-08 6 views
2

5星評価コントロールを実装する方法はありますか?Javascriptを使用せずにホバーに5つ星のイメージを変更できますか?クリックは、私は限りHTMLの私の知識が行くようJavaScriptを使用しないホバーイメージを使用した5つ星評価コントロールの作成

(「SELECTオプションとクイック例」にスクロールして)サンプルを検索しhttp://orkans-tmp.22web.net/star_rating/を発見したより良い理解を得るためにHTTP POST

を実行する必要があり、ポストを実行する複数の画像/ボタンを有すること(ユーザによってどのレーティングが与えられたかを知るため)、同時に複数の背景画像を変更することは不可能である。

答えて

0

CSSを使用してイメージを変更できます。クラスを適用して:hoverオプションを付けてください。

つまり 。スター:hover { color:blue; }

以前の星もすべてホバーで色を変えたいと思っていますが、これは可能ですが非常に困難です。 5つのスタート(すべてハイライトされている)のイメージと、ハイライトされていない1つのスタートのイメージから始めます。大まかなスタートの5つを右上に置きます(絶対的な位置を設定します)。星の意図を調整して、それぞれが最後よりもインデントされ、適切に配置されるようにします(実際には重ならないように)。それぞれ異なるホバー上にCSSを追加します。画像を5点表示の強調表示された画像に置き換える必要があります。適切な数の星の​​みが表示されるように幅を設定する必要があります。前のすべての星の非強調画像の上にあるように、Zインデックスを設定する必要があります。ここで

+0

あなたは忍者です。ここには何も見えません。 – jadarnel27

+0

私の推測では、彼は以前の星も色を変えたいと思っていますが、依然として別の存在です。しかしそれは問題を複雑にする。 – Servy

+0

はい私はcssを使用して1つのイメージを変更できることを知っています。しかし、私の質問は、複数の画像を変更する方法でした(私が言ったように、私はそれが可能ではないと思う)か、同じ方法を達成するために別のテクニックを使用する方法です。 – citronas

1

は、あなたはjavascriptをせずに行って欲しいものを得るためにCSSセレクタを使用することができますCSS3 Secrets

jsfiddle

の例です。

-1

OnMouseOverOnMouseOutオプションを使用すると、ホバーと同じエフェクトを作成できますか?

関連する問題