Wix エディタ:ホバーアクションを追加・設定する
読了時間:6分
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/10/11/7aef50c2-b1f8-4e0f-93a1-7433b01432c6/7892c0eb-ce2e-4f3a-b93d-fbeb8de76e3a.gif)
マウスオーバー時にパーツを表示または非表示にしたり、エフェクトを追加したり、色を変えたりすることができます。また、効果を最大限に高めるために、エフェクトのタイミングを設定することも可能です。
ステップ 1 | パーツを追加してデザインする
ホバーアクションでサイトに躍動感を与えてみましょう。開始するには、「追加」パネルからボックスまたはリピーターを追加します。
各パーツの追加方法については、以下のオプションをクリックしてください:
ボックスを追加する
リピーターを追加する
ステップ 2 | ホバーモードにアクセスする
パーツを追加してデザインしたら、「ホバーモード」にアクセスしてインタラクションを追加します。ここでは、訪問者がボックスまたはリピーターにマウスオーバーした際に表示される内容を設定します。
こちらをクリックして手順を確認しましょう
ヒント:
ホバーモードに一度アクセスした後は、パーツ上部のタブを使用して、通常モードとホバーモードを切り替えることができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/05/26/46a61954-ed8a-4ef0-a779-40e638cc126d/c97cbb19-c007-4151-baba-0e22ad1cdcf5.png)
ステップ 3 | パーツにホバーアクションを追加する
ホバーモードから、パーツを表示または非表示にしたり、クールな効果を追加したりすることができます。訪問者がボックスまたはリピーターアイテムにマウスオーバーした際、設定した各アクションはすべて同時に実行されます。
実行する内容を選択します:
ホバーで表示されるパーツを追加する
ホバー時にパーツを非表示にする
ホバー時のパーツのエフェクトを選択する
ホバー時のボックスのデザインを変更する