jquery– tag –
-
【Luminous.js】軽量で使いやすい画像拡大JavaScriptプラグインの使い方
こんにちは、ハル@haru_elpisです。 今回は、ウェブサイトで画像を拡大表示したいときに便利なLuminous.jsというJavaScriptプラグインを紹介します。特に「軽量で高速」「jQuery非依存」「初心者でも扱いやすい」という特徴があり、シンプルな画像拡大機能... -
【Form Plugin】画面遷移なしでフォーム送信を可能にするjQuery
こんにちは、ハル@haru_elpisです。 ウェブサイトでユーザーからの入力を受け付けるフォームは、多くの場合「送信ボタンを押すとページがリロードされる」という動作になります。しかし、ユーザー体験を向上させるためには、画面遷移なしでフォーム送信が... -
【LetterFx】テクストに波打つような表現きるjQuery
こんにちは、ハル@haru_elpisです。 テキストを波打つようにしたり、回転させたりできる［LetterFx］の紹介です。 LetterFxの使い方 ダウンロード https://github.com/TuxSudo/letterfx ダウンロードしたファイルの「jquery.min.js」・「tuxsudo.min.js」... -
【Blotter.js】３Dやノイズが入ったようにテキストを表現きるjQuery
こんにちは、ハル@haru_elpisです。 テキストをユラユラさせたり、３Dのようにできる［Blotter.js］の紹介です。 Blotter.jsの使い方 公式ホームページ https://blotter.js.org/ ダウンロード https://github.com/bradley/Blotter ダウンロードしたファイ... -
【textillate.js】テキストにアニメーションを付けられるjQuery
こんにちは、ハル@haru_elpisです。 テキストにアニメーションを施す［textillate.js］の紹介です。 Splitting.jsの使い方 公式HP→http://textillate.js.org/ ダウンロード https://github.com/jschr/textillate ダウンロードした「jquery.textillate.js」... -
【Splitting.js】文字が浮き上がるようなアニメーションjQuery
こんにちは、ハル@haru_elpisです。 文字を浮き上がさせるようなアニメーションが表現できる「jQuery TextFX」の紹介です。 Splitting.jsの使い方 ダウンロード https://github.com/shshaw/Splitting ダウンロードした「splitting.js」ファイルをjsフォル... -
【jQuery TextFX】テキストに動きを付けられる便利なjQuery
こんにちは、ハル@haru_elpisです。 テキスト表示を印象的な動きにできる「jQuery TextFX」の紹介です。 jQuery TextFXの使い方 ダウンロード https://github.com/ChrisCates/TextfxAPI ダウンロードした「jquery.transit.js」・「jquery.textFx.js」ファ... -
【matchheight jquery】横並び要素の高さを揃えられる便利なjQuery
こんにちは、ハル@haru_elpisです。 要素の高さを簡単に揃えて表示できる「matchheight」の紹介です。 matchheight jqueryの使い方 ダウンロード https://github.com/liabru/jquery-match-height ダウンロードした「jquery.matchHeight.js」ファイルをjsフ... -
【magnific popup】画像や動画をポップアップウィンドウで表示できる便利なjQuery
こんにちは、ハル@haru_elpisです。 画像やYoutube・Google map・外部htmlをポップアップウィンドウで表示できる「lightbox.js」の紹介です。 magnific popupの使い方 ダウンロード https://github.com/dimsemenov/Magnific-Popup ダウンロードした「jquer... -
【lightbox.js】クリックで指定した画像をズームで表示できる便利なjQuery
こんにちは、ハル@haru_elpisです。 画像をクリックすると背景が暗くなり、指定された画像がズームして再表示する「lightbox.js」の紹介です。 lightboxの使い方 ダウンロード https://github.com/lokesh/lightbox2 ダウンロードした「lightbox.css」・「l...