Wijmo UI for the Web
レーティングのアニメーション
Wijmo ユーザーガイド > ウィジェット > Rating > 操作手順 > レーティングのアニメーション
全て展開全て展開
すべて折りたたむすべて折りたたむ

クイックスタートの例を基に、animation オプションを使用して、クリックされたアイコンのアニメーションを変更できます。このウィジェットでは、以下のアニメーションオプションを使用できます。

  • blind
  • bounce
  • clip
  • drop
  • explode
  • fade
  • fold
  • highlight
  • puff
  • pulsate
  • scale
  • shake
  • size
  • slide

Wijmo アニメーションの詳細については、「アニメーション」を参照してください。

  1. HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを以下のスクリプトに置き換えます。このスクリプトは、星をクリックしてレーティングすると、いったん左方向に星をスライドしてからスライドし直して、レーティングされた値を表示します。

    ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます

  2. HTML ファイルの <body> セクションを変更する必要はありません。このレーティングを作成するには、基本的な <div> タグで十分です。
  3. HTML ファイルを保存し、それをブラウザで開きます。このレーティングは、実際のウィジェットで次のように表示されます。星をクリックすると、アニメーションが表示されます。

関連トピック

操作手順
クイックスタート
アニメーション

参照

wijrating メソッド

 

 

Copyright © GrapeCity inc. All rights reserved.