技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

ブログ

HOME > 花のやブログ > 色んな機能をまとめて実装できるプラグイン5選
2013/06/05ホームページ制作HTML/CSSJavaScript

色んな機能をまとめて実装できるプラグイン5選

色んなjqueryのプラグインをいっぺんに実装できる、便利なやつらです。
詳細はリンク先にて。

① simplelib
② jKit
③ yuga.js
④ meca.js
⑤ Laquu.js

いっぺんに実装できるメリットはソースも汚くならないというのと、用意されている実装機能ではバッティングしない点だと思います。

simplelibが一番いい感じ。

simplelib

良さそうな点としてはメジャーな機能がまとめられている点と、実装する際の機能設定が簡単な点です。

accordion シンプルなアコーディオンナビゲーション
button マウスオーバーやマウスダウンで画像を切り替えたり、選択状態と非選択状態によって画像を切り替える
checkAll チェックボックスの一括選択
fixHeight 要素の高さを揃える
gaEventTracker Google Analyticsでローディング時間、スクロール量、バナーに対するアクションを取得
ie6Png2Gif Internet Explorer 6で、PNGをGIFに置換する
ie6PngFix Internet Explorer 6でも透過PNGを使えるようにする
ie6PositionFixed Internet Explorer 6でもCSSの position:fixed を使えるようにする
imgSwap a要素をクリックして、既存のimg要素の画像を切り替える
lightBox jQuery lightBoxプラグインを読み込む
overlayOthers 指定した要素の子のa要素にマウスオーバーすると他のa要素にcssで背景色や背景画像を指定できる半透明の要素をかぶせる
scroll スムーススクロール
tab シンプルなタブナビゲーション
textHint 未入力で非選択時のテキストボックスにヒントを表示する
trimmedScroll img要素を含むa要素にマウスオーバーすると別の画像をそのimg要素のサイズにトリミングしてスクロールしながら表示する
zoomView img要素にマウスオーバーすると拡大画像を表示する

【simplelib】http://lab.starryworks.jp/js/simplelib/
メジャーなのはyuga.jsな気がするんですが、昔コーディングの案件でとっても痛い目を見たので、敬遠してます(まぁ私の知識不足が原因なんですが…)。

hanap

書いた人:hanaoka

林業高校卒業をしてITに進んだ稀有な例です。
Webディレクターとして皆様のお悩みを解決します。Web制作とガジェットが好きです。特技は少年ジャンプを縦に裂くことです。
facebook:https://www.facebook.com/masakazu.hanaoka

人気記事ランキング

株式会社 花のや
〒460-0011
愛知県名古屋市中区大須4-1-79 第2ハヤシビル 3F

花のやについて

お仕事のご依頼やご相談は、下記の電話番号
または、メールフォームよりお問い合わせください。
TEL.052-251-7090 / FAX.052-251-7092

お問い合わせ