2

Javascript を使用せずに、ホバー時に 5 つ星の画像の変更をサポートする 5 つ星評価コントロールを実装する方法はありますか? クリックは HTTP POST を実行する必要があります

理解を深めるために、サンプルを検索したところ、http://orkans-tmp.22web.net/star_rating/が見つかりました (「SELECT オプションを使用した簡単な例」までスクロールします)。

私の HTML に関する知識では、投稿を実行する複数の画像/ボタン (ユーザーによってどの評価が与えられたかを知るため) と、同時に複数の背景画像を変更することはできません。

4

3 に答える 3

1

これはCSS3 Secretsの例です

jsfiddle

CSS セレクターを使用して、JavaScript を使用せずにやりたいことを実行できます。

于 2012-02-08T15:36:33.193 に答える
0

CSSで画像を変更できます。クラスを適用して :hover オプションを指定するだけです。

すなわち .star:hover { color:blue; }

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

于 2012-02-08T15:29:09.670 に答える
-1

OnMouseOverandオプションを使用しOnMouseOutてホバーと同じ効果を作成することは可能ですか?

于 2014-03-28T09:02:44.960 に答える