[B! javascript] nurumayu05のブックマーク

【最新バージョン7.3対応】jQuery無しで動く神スライダー［Swiper］が便利すぎて。

今日紹介する［Swiper］は、レスポンシブ対応サイトなどで真価を発揮するJavaScriptベースの「コンテンツ・スライダー」です。初見の感想は「反応速度が早く軽量でサクサク動く」という印象。レスポンシブにも対応済み。マウスのドラッグ操作やタッチコントロールのスワイプにも反応して操作性が良く、文句ナシのクオリティでした。機能が豊富で、ざっと紹介すると以下のとおり。レスポンシブ対応フルスクリーン化OK ページネーション設置縦方向のスライドカルーセル・モード各スライドの位置を固定しない「フリーモード」対応複数行のスライドに対応縦方向・横方向の「入れ子」に対応マウスのドラッグ操作に対応スクロールバー表示ナビゲーションボタン表示無限ループ対応フェードイン・フェードアウトによるスライドの切り替え 3D キューブ・エフェクト 3D カバーフロー・エフェクトキーボード・

nurumayu05 2017/01/20

リンク

jQuery

Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use

nurumayu05 2011/03/22

javascript

リンク

アルファ画像を扱うalphafilter.jsライブラリ[to-R]

アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。そこで、IE6で透過pngを扱うjsライブラリを作ってみました。設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。  透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a