ページの背景全体を広告にするjQueryプラグイン「background banner」
2011年10月11日-
スポンサード リンク
background banner | jQuery Plugins
ページの背景全体を広告にするjQueryプラグイン「background banner」
最近ちょくちょく見かける広告商品の背景広告。コンテンツそのままに背景を広告にしてしまうことでインパクトが大きいプロモーションが出来たりします。
これをjQueryで簡単に実装できてしまうプラグインが公開されています。コンテンツ内はクリックしてもどうにもなりませんが、背景をクリックすると広告ページに移動という機能が作れます。
お客さんの要望なんかでちょっと作ってよ、なんて言われた場合にも覚えておけば難なく実装できそうですね。

実装コードは次のように初期化して使うそうです。
$("#bannerbackground").backgroundbanner($("#content"))
若干改良の余地を残したプラグインかもしれませんが、いざ実装という時に参考にできそうです。
関連エントリ
ページの背景全体を広告にするjQueryプラグイン「background banner」
最近ちょくちょく見かける広告商品の背景広告。コンテンツそのままに背景を広告にしてしまうことでインパクトが大きいプロモーションが出来たりします。
これをjQueryで簡単に実装できてしまうプラグインが公開されています。コンテンツ内はクリックしてもどうにもなりませんが、背景をクリックすると広告ページに移動という機能が作れます。
お客さんの要望なんかでちょっと作ってよ、なんて言われた場合にも覚えておけば難なく実装できそうですね。

実装コードは次のように初期化して使うそうです。
$("#bannerbackground").backgroundbanner($("#content"))
若干改良の余地を残したプラグインかもしれませんが、いざ実装という時に参考にできそうです。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 過去のエントリ