[JS]ページを表示した時にパネルをするっと表示するスクリプト

広告掲載などに最適なパネルをページの下部からアニメーションで表示するスクリプトをEmanuele Feronatoから紹介します。

デモのキャプチャ

Create a dynamic content animated footer ad for your site in just 9 jQuery lines
デモページ

デモではページを表示した際に、下部からパネルがアニメーションでスライドしながら表示されます。
パネルはスクロールしても定位置に固定表示されており、非表示にするには「Close」をクリックします。

実装は簡単で、</body>の直前にパネル用のdiv要素を配置します。

HTML

パネルに表示する内容は外部ファイルで処理しています(広告用だから?)。下記のJavaScriptの「ajax.php」が外部ファイルです。

スクリプトのベースにはjQueryが利用されており、下記のシンプルなスクリプトで実装されています。

JavaScript

sponsors

top of page

©2018 coliss