Accordion for ASP.NET Web Forms
アコーディオンへのアニメーションの適用
タスク別ヘルプ > アコーディオンへのアニメーションの適用

C1Accordionコントロールはアニメーションをサポートします。この機能を利用するには、単に AnimatedEffect プロパティを設定します。

可能な効果には次のものが含まれます。

easeOutElastic easeInOutQuad easeInQuint
easeInElastic easeOutSine easeInOutQuint
easeInOutElastic easeInSine easeOutBack
easeOutBounce easeInOutSine easeInBack
easeInBounce easeOutCirc easeInOutBack
easeInOutBounce easeInCirc easeOutQuart
easeOutExpo easeInOutCirc easeInQuart
easeInExpo easeOutCubic easeInOutQuart
easeInOutExpo easeInCubic easeLinear
easeOutQuad easeInOutCubic -
easeInQuad easeOutQuint -

デザイン時の場合

  1. 表示]メニューの[プロパティ ウィンドウ]を選択します。
  2. Animated プロパティを展開し、Effect プロパティの横の上記の表にある効果の1つ(easeInOutBounce など)を入力します。

コードの場合

次のコードを Page_Loadイベントに追加し、たとえば Animatedプロパティを設定します。

Visual Basicコードの書き方

Visual Basic
コードのコピー
C1Accordion1.Animated.Effect = "easeInOutBounce"

C#コードの書き方

C#
コードのコピー
C1Accordion1.Animated.Effect = "easeInOutBounce";

マークアップの場合

Animated プロパティのマークアップをC1Accordion マークアップに直接追加できます。デザイン時にページ内にプロパティを設定すると、そのプロパティがマークアップに自動的に追加されます。このマークアップは次のようになります。

ソースビュー
コードのコピー

<cc1:C1Accordion ID="C1Accordion1" runat="server">
    <Animated Effect="easeInOutBounce" />
</cc1:C1Accordion>



アプリケーションを実行し、アコーディオンのヘッダーをクリックすると、コンテンツペインが拡張される効果を確認できます。

関連トピック