jQuery Easing Plugin は、jQuery のエフェクト動作パターン集のようなプラグイン。jQuery にも、linear と swing のシンプルな動作パターン（ easing ）は用意されているが、jQuery Easing Plugin を導入すると、30種類以上もの、変化に富んだ動作パターンを使えるようになる。 エフェクト動作パターンは、animate などで使うことが多い。（参照：animate の動作パターンの指定方法） 導入 jQuery Easing Pluginより、jquery.easing.1.3.js を、ダウンロード。「 jquery.easing.1.3.js 」ファイルを、自分のサイトのサーバーにアップロード。 使用したいページで、下記のようにして読み込む。「 jquery.easing.1.3.js 」ファイルへのパスは、アップロードした場

jQueryでページ内リンクをスムーズに移動（ページトップへ等）するものを作ろうと思いいろいろ調べていたら、いいページを見つけたので早速試してみました。 We Ain’t Seen Nothin’ Yet. : [Rails meets jQuery] jQueryで作るページ内目次とスムーススクロール 上記の記事では「Interface.js」を利用しているようなのですが、動作させるコードを読んでいるとInterface.jsをどこで使っているかわからなかったので、jQueryだけで動作確認すると、とりあへず動きました。jQueryの古いバージョンでは「scrollTop」がjQuery自体に含まれていなかったのかもしれませんが、最近jQueryをいじり始めたため詳しいことはわかりません…。 ということでコードはほぼそのまま利用させていただき、スクロール動作だけを変更しています。 使用フ

ブログを書いているから、サイト内にブログを組み込みたい！ってことありますよね？ RSSフィードを使って組み込む方法は色々とありますが、ｊQueryを使って簡単にサイト内にブログを組み込めないのか・・・と思っていたら発見しました。 当サイトは、WordPressを使ってるので必要性は感じませんが、使う機会もあると思うのでメモしておこうと思います。 ｊQueryプラグインは「zRSSFeed」を使用します。 デモのブログは使っていないアメブロのアカウントがあったのでアメブロを使用しました。 目次 1.「zRSSFeed」とｊQueryを読み込む 2.RSSを読み込むための準備 3.表示されているHTMLはこのようになります 1.「zRSSFeed」とｊQueryを読み込む ZRssFeedはココからダウンロードしてください。 ｊQueryはココからダウンロードするか、下記のように読み込んで

<script type="text/javascript"> var $j = jQuery.noConflict(); $j(function(){ // ここにjQueryの処理内容を記述します。 }); </script> 個人的には 対策３ がおすすめ。 追記: 2010-02-15 以下の書き方もあるようです。 <script type="text/javascript"> jQuery(function($){ // ここにjQueryの処理内容を記述します。 // この中では$はjQueryとして扱われます。 }); </script>

15+ Best jQuery Carousel Plugins To Impress Your Visitors in 2017 by Dustin Betonio | Last updated May 8, 2017 | jQuery Plugin Collections | 92 comments In web design, a jQuery carousel is an element giving visitors easy and visible access to several content items. It is typically a dynamic scrolling list of items in horizontal order where previous and next items are partially visible. The items,

Any List Scroller by musings.it Do you want to scroll a list? ALS it! New v.2.1 responsive Characteristics ALS - Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content. Try it! It is surprisingly easy to use It works on any kind of list List elements can be texts, images, anything (read the instructions below) List items must not have a fixed si

ページ内リンク用のスムーズナビゲーションを作成できる「jQuery One Page Navigation Plugin」 JavaScript Library Archive ページ内リンク用のスムーズナビゲーションを作成できる「jQuery One Page Navigation Plugin」 Check Tweet 配布元:jQuery One Page Navigation Plugin jQuery One Page Navigation Pluginはページ内リンクナビゲーションをスムーズスクロールに変換することが出来るJavaScriptライブラリです。jQuery ScrollTo plugin.を合わせて利用することで柔軟性の高いスクロールを実装しています。 利用方法 jQueryとQuery ScrollTo pluginそして、ダウンロードした「jquery.nav

日本語にも対応、行送りや一時停止、タイプスピードの緩急も調整できる、テキストを一文字ずつタイプライターのようにアニメーションで表示するjQueryのプラグインを紹介します。 行送りしてるとこ Typistの使い方 実装は3ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 ※スタイルシートは特に必要ありません、デザインはオプションで設定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.typist.js"></script> Step 2: HTML テキストを表示するターミナルを配置します、p, div要素などで。 <p id="terminal">

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

【bxslider】レスポンシブデザイン対応版の記事はこちら アップデートによりレスポンシブデザイン対応版に変更されていましたので、改めてメモとして記事にまとめております。CSS3のアニメーションを組み込んでスライドがさらにスムーズな動作になっています。※レスポンシブ版の方はイージングの選択の幅が狭い事やIE6が非対応だったり等、若干の癖がありますので、こちらで記事化したバージョンと使い分ける事をオススメします。 設置方法 > DEMO > DOWLOAD 設置方法も非常にシンプルです。プラグインを読み込みdivやliの階層を書くだけ。 プラグインのダウンロードは本家サイトより行えます。 <script src="js/jquery.1.X.X.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src

画像の細部まで拡大させることにより、商品などを魅力的に見せることが可能です。 今回はJaavScriptライブラリのjQueryプラグイン「JQuery.iviewer」を利用して実現します。 sponsors 使用方法 JQuery.iviewerにある、jquery.iviewer.jsとjquery.iviewer.cssをダウンロードします。 またMouse Wheel Extensionからjquery.mousewheel.jsを、もちろんjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="jquery.iviewer.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascrip