メインコンテンツにスキップ
すべてのコレクションチュートリアル演出
ポップアップ・プルダウンメニュー
ポップアップ・プルダウンメニュー

ポップアップの解説、ポップアップの作成、関連機能メモ

j.sakamoto avatar
対応者:j.sakamoto
2年以上前に更新

■ポップアップの解説

ポップアップとは初めは非表示になっておりクリックやホバーなどのアクションによって浮き出てくるレイヤの事です。

主に活躍するのは広告画像やプルダウンメニュー等が挙げられます

■ポップアップの作成

試しに簡易板をホバーするとポップアップが浮き出てくる仕組みを作成しましょう。

<Step1>簡易板を作成

<Step2>ポップアップを作成

<Step3>簡易板を選択

<Step4>リンクを選択

<Step5>設定にチェック

<Step6>リンク先設定で「ポップアップを開く」を選択

<Step7>ポップアップ設定で「ポップアップ」を選択

<Step8>アクション設定で「ホバー」を選択

<完了>プレビュー画面で簡易板をホバーし、ポップアップが出る事を確認しましょう。

<関連機能>(ポップアップ選択中の画面)

<*1>ポップアップの名前を変更 

<*2>表示位置を設定

<*3>演出を加えポップアップに動きを加える設定が可能です。

<*4>ポップアップが出た際に画面全体をマスクし、ポップアップを目立たせる事が可能です。

■プルダウンメニューの作り方


こちらの回答で解決しましたか?