勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

スクロールしてもついてくる追尾型の広告を作る方法

   

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追尾型の広告を作りたかった。というのも大体の場合JSタグをそのまま発行してくれるんだけど、今回はバナー用画像とURLのみ発行します、というパターンだった。

調べてみるとjQueryのMeerkatというプラグインが楽に実装できそう。以下にサンプルとソースのメモ。

 

■Meerkat

http://meerkat.jarodtaylor.com/

 

■サンプル

http://sample.taitan916.info/meerkat/

 

■ソース

 

■その他

jQuery1.9以降を使う場合はjquery-migrateを使わないとエラーが出るので注意。

https://github.com/jquery/jquery-migrate

 - jQuery

  関連記事

jquery_logo
jQueryでimgタグのsrcを変える

やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...

jquery_logo
Ajaxのクロスドメイン2

PHPも介せない場合。こちらの方がスマートでよさそう。 jsonpを使うみたい。 ...

1422186794_sqliteicon
PHPとSQLiteでi-mobileのデータをグラフ化

i-mobileでクリック保証のアフィリエイトだけど数値が並んでいるだけでグラフ ...

javascript_logo_unofficial-300x300
Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

jquery_logo
jQueryでドロワーメニューの作成

■やりたかった事 スマホ用サイトにドロワーメニューを設置したかった。 &nbsp ...

jquery_logo
jQueryのプラグインでカラーコードを視覚的に選択

カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...

jquery_logo
jQueryで電話番号チェック

やりたかったことはjavascriptかjQueryで 電話番号のバリデート。 ...

jquery_logo
tableのヘッダーを残して表示(jquery-decapitate)

bootstrapはあまり使わないので切り離して使えるように したいところ。 ■ ...

jquery_logo
jQueryで関数処理中にブラウザのブロック(intro.js)

Ajaxで処理を行っている間、他の処理を行わせたくなかった。 「now load ...

jquery_logo
jQueryのfind時に複数のセレクタ指定

<div id="hoge"> <a href="aaa.ht ...