0

オンラインで、訪問者がニュースレターにサインアップするためのモーダルウィンドウを作成および設計できるコードを見つけましたが、インデックスページを開いたときにこのモーダルウィンドウが自動的にポップアップするようにしたいと思います。これまでのところ、ユーザーがハイパーリンクをクリックすることに依存するモーダルウィンドウしか見つけることができませんでした。モーダルウィンドウを自動的に開くために使用できる機能や、ハイパーリンクを自動的にロードする方法はありますか?

これは、モーダルウィンドウを作成するために使用したリンクです。リンク

4

3 に答える 3

0

キーフレームアニメーションを使用できます(サポート)。何かのようなもの:

.modalDialog {
   /* other styles */
   animation: showup .5s;
}
@keyframes showup { to { opacity: 1; } } 

ただし、注意しpointer-eventsてください。IEまたはOperaのどのバージョンでも機能しません。CSSでのポインタイベントのサポートを参照してください。

私がやった本当に簡単なデモ。

于 2013-01-19T13:39:38.650 に答える
-1

モーダル ウィンドウへのリンクはいつでもスパンまたは div で囲むことができます。次に、jquery を使用したページの読み込み時に、.click() 関数を使用して自動読み込みします。

于 2013-10-14T16:06:36.280 に答える