サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
パリ五輪
pctricks.blog.fc2.com
スマホの広告などでお馴染みのオーバーレイを表示する定番jQueryプラグイン「Meerkat」をご紹介します。 定番だけに実に設置しやすく、表示箇所も上下左右自在です。また、オプションも豊富で扱いやすいので広告は勿論、ナビゲーションなどにも使用可能です。 設置の仕方 まずは、公式HPからMeerkat本体をダウンロードして、設置するサーバーにアップロードしてください。ここでは、[ /js ]にアップロードしたものとしています。 head内 <!-- jQuery --> <script src="/js/jquery.min.js"></script> <!-- Meerkat --> <script src="/js/jquery.meerkat.js"></script> <script> $(function(){ $('.meerkat').meerkat({ background
背景画像をスライドショーのように切り替えるjQueryプラグイン『BgSwitcher』 2014/03/08 21:17 このところ頻繁に使わせてもらっているのがこの『BgSwitcher』。 imgではなく、背景画像(background-image)を切り替えるプラグインです。 他にも同種のものは有りますが、これが一番扱いやすいと思います。 背景ですのでその手前に別要素を置くのも自在に出来ます。 私は、ヘッダーに使ったりしていますね。 設定次第で色々とエフェクトも変化させられます。 DEMO 設置の仕方 jQuery公式サイトからjQueryの最新版をダウンロードしてください。 jQueryには、v1.xx.xとv2.xx.xの2系統が有りますが、v1.xx.xの最新版を使います。 プラグイン製作元のRewishさんからjquery.bgswitcher.jsをダウンロードします。
私の場合、このところサイトのグローバルメニューを作る際に、CSSのみで作るかjQueryを使うかの2択になっています。 今回は、jQueryプラグインの中でもあっさり目からこってり目まで簡単に応用が効く『jQuery Mega Drop Down Menu』をご紹介します。 ダウンロードとアップロード ダウンロードページからjquery-mega-drop-down-menu.1.3.3のフルセットをダウンロードします。 展開して出来たフォルダ内の、cssフォルダとjsフォルダをそれぞれアップロードします。 CSSの読み込み head内に読み込むCSSは使用するスキンによって異なります。 例えば、黒のスキンを使用する場合には以下のようになります。 <link href="css/dcmegamenu.css" rel="stylesheet" type="text/css" /> <lin
このページを最初にブックマークしてみませんか?
『pctricks.blog.fc2.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く