タグ

webデザインとポップアップに関するYukarigohanのブックマーク (1)

  • 【jQuery】グレーアウトさせてポップアップを出す方法!

    インジケータを回して何かを作業中に画面操作を防止する時や、 ポップアップを表示させる時などに使用するグレーアウト方法と、 グレーアウト上に表示するポップアップやインジケーター。 その他、作業領域等を表示させる方法をサンプルコードと共に解説します。 主に、JavaScript部分ではjQueryを使用し、HTMLCSSを操作して実現させます。 それでは早速、次章より具体的な実装方法について解説します。 グレーアウト用の半透明パネルを予め用意しておこう グレーアウトを表示させよう グレーアウトを終了させよう グレーアウト用の半透明パネルを予め用意しておこう まずはグレーアウト用の半透明パネルの作成です。 グレーアウト時に毎回作成しても良いのですが、 結局同じものを使用するので、今回は予め非表示でHTML上に存在させてしまいます。 HTMLに書くとしたら下記の様な単純なDIVにIDとスタイル適

    【jQuery】グレーアウトさせてポップアップを出す方法!
  • 1