勉強したことのメモ

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の最新バージョン呼び出しとバージョン確認

<script type="text/javascript" src="h ...

jquery_logo
jQueryでのやりたい事

フォーム周りをよく使うのでまとめておく。 ・テキストボックスのvalue取得、書 ...

jquery_logo
Ajaxでボタンとテキストボックス操作

ボタンを押して「https://aaa/bbb/ajax.php」からの 返答を ...

jquery_logo
POP広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

jquery_logo
簡単にtable内をソート

やりたかった事は、 ・テーブル内でのソート ・内容は文字、数値、日時 ・PHPじ ...

110126-HTML5_Logo
formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

jquery_logo
要素の点滅

やりたかった事はaタグ内で囲まれている部分を点滅。 <blink>だ ...

jquery_logo
クリップボードの操作

<? /* クリックでクリップボードにコピーする。 http://zxcv ...

jquery_logo
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。 簡単に使える ...

jquery_logo
htmlタグが入った内容の文字を丸める

phpである文字列が○文字以上だった際、 省略してお尻に「……」をつけたいという ...