jQuery

jQuery

jQueryの「animate」メソッドを使ったアニメーション

jQueryanimateメソッドとは?jQueryのanimateメソッドを使うと簡単にアニメーション(値を変化)させることが出来ます。animateメソッドは値で指定出来る物(margin、color、width、positionなど)...
jQuery

スムーススクロール

jQueryscrollイベント要素がスクロールした時のイベントとして関数を指定できます。scrollTopイベント「scrollTop()」を使用した場合、要素の最上部から縦スクロールした現在位置の上部までのピクセル数を取得します。{ s...
jQuery

要素の属性を操作する

jQuery属性とは各要素に付属している情報です。img要素であればsrcやalt、a要素であればhrefなどです。もちろんidやclassも属性の一つです。jqueryでは「attr」メソッドを使う事で任要素の属性に対して値を設定/取得す...
jQuery

jQueryとは

jQueryjQuery(ジェイクエリー)とは、ウェブブラウザー用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリである。ジョン・レシグが、2006年1月にリリースした。様々な...
css3

cssプラグインを使ってハンバーガーメニューを作る

css3jQuery前回の授業では擬似要素(before・after)を使ってハンバーガーメニューの3本線を作りましたが、スニペットを使う事で簡単に作る事が出来ます。jonsuh.comアイコンの切り替えはjQueryでclass「is-a...