一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。
どんな会社もサービスも、それぞれにストーリーがあります。
花のやはそれをサポートしながら、お客様の成長を隣で見ていたいのです。
一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。
どんな会社もサービスも、
それぞれにストーリーがあります。
花のやはそれをサポートしながら、
お客様の成長を隣で見ていたいのです。
ブログBLOG
- 名古屋のホームページ制作会社 花のや
- 花のやブログ
- 色んな機能をまとめて実装できるプラグイン5選
2013/06/05Web制作HTMLJavaScript
色んな機能をまとめて実装できるプラグイン5選
色んなjqueryのプラグインをいっぺんに実装できる、便利なやつらです。
詳細はリンク先にて。
① simplelib
② jKit
③ yuga.js
④ meca.js
⑤ Laquu.js
いっぺんに実装できるメリットはソースも汚くならないというのと、用意されている実装機能ではバッティングしない点だと思います。
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な気がするんですが、昔コーディングの案件でとっても痛い目を見たので、敬遠してます(まぁ私の知識不足が原因なんですが…)。
人気記事ランキング
カテゴリ
書いた人別一覧
お問い合わせ
Webサイト制作・その他お仕事のご依頼、
ご相談についてお気軽にお問い合わせください。
052-211-9898