読者です 読者をやめる 読者になる 読者になる

crossline

jQuery

jQuery -noConflict()-

かなり嬉しい瞬間ナンバーワンとも言える... 自分でバッティングを解決できたときのあのテンションでの投稿です。 でもよくバッティングとか多いんですよね...ほんとに気持ちいいくらいバッティングすることありますよね... そのときなぜか意地を張ってでも…

▼jQuery-パララックスに挑戦-

こんばんわ! 今日はなんと、パララックスに挑戦しました。w まだ勉強はじめて三ヶ月でなにもわからないような素人が果たしてできるのか、ですよねw。でも、今取りかかっているサイト制作で必要なんです...できれば妥協したくないパララックス...だっ…

▼PlugIn-slideUp-

今日は、 上にスクロールアップをプラグイン!! ScrollUp demo - Mark Goodyear 上のリンクからとんで、ダウンロードし、 <head></head>内に この記述をする。 コンテイナーなどのスタイルはその場にあわせて!(外部リンクでもオケ) 以上これだけで、なんと出ちゃいま…

▼PlugIn!!-animate-textshadow.js-

今回は、 授業でやった内容だけでなく、自分でいいなあと思ったjquery PlugIn!!してみます。 ■animate-textshadow■ 今回はtextにhoverしたときにshadowをつける。 ▼Download animate-textshadow.js - Animated CSS text shadows with jQuery | Alex Peattie <head></head>…

▼PlugIn-Tabs-

■tabをPlugIn!!■ Tabs | jQuery UI ▼上記のリンクからダウンロードをします。 このままだとすべてダウンロードされてしまうので、 ↓allのチェックをはずします ↓必要なものだけにチェックをつけます ファイルを開くと、下の写真のようになっています HTML、C…

▼PlugIn!!

こんばんわ! 最近は忙しくて眠くて、でも、すごく充実しています。 とにかく今、私が何をしなければいけないか、しっかり考えてそれを行動に移していきたい。 毎日、学ぶことがたくさんで楽しい! それはウェブの勉強だけでなく、もっと周りの人とか 自分を…

▼jQuery-動かす/消す/作る-

■append/appendTo■ 要素を動かすためのメソッド ある要素を切り取り、別の要素の中に付け加える append: 付け加える ◉append 要素Aのなかに要素Bを移動させる jQueryObjectA.append(jQueryObjectB); ブラウザ上での表現↓ #(function())は重要!

jQuery-アニメーション-

jQueryObject.fadeIn( ); jQueryObject.fadeOut( ); ブラウザ上の表示↓ ◉最初は、フェイドインするピンクのみの表示 更新すると、緑がフェイドアウトででてくる 数値は「ミリ秒:1/1000秒」 ※何もしていない場合は、400ミリ秒で動く ■アニメーショ…

▼jQuery-その他マウスイベント-

■ mouseover( )メソッド■ マウスをのせたとき click( )メソッドによる画像への移動が実行されないように「return false; 」を記述します ブラウザ上での表示↓ MouseOver↓ ■mouseout( )メソッド■ マウスが外れたとき mouseover( )と組み合わせて、マウスが外…

▼jQiery-イベント2-

■同じ要素を2回とってこないようにする■ ↑これは「$('#div1')」が2回書かれていて、もう少し簡単に書き換えられないかな...ってところ... var でelementと宣言して、「$('#div1')」を1回しか使わないようにしている <focus/blurの場合> ↓ ※変数に保存して…

▼jQuery-イベント-

▼イベント ー何かがおこったとき、予約したコードを実行する。 click(クリックされたとき) mouseover(マウスが乗ったとき) mouseleave(マウスがおりたとき) hover(mouseoverとmouseleaveを一緒に) focus(フォーカスがあたったとき) blur(フォーカスが外れた…

▼jQuery-セレクタ-

■$( ' セレクタ ' )■ ID セレクタ タイプセレクタ CLASSセレクタ 子孫セレクタ 全称セレクタ 子供セレクタ 隣接兄弟セレクタ 複数セレクタ 否定セレクタ 属性セレクタ 順番に関するセレクタ 状態に関するセレクタ フォームに関するセレクタ ■$( ' #idValue '…

▼jQuery

■jQueryとは■ 何かを持ってくる→それに何かする JavaScriptのライブラリのひとつ(仲間!) ブラウザ依存を気にしなくていい(どんなブラウザでも大丈夫) DOMの操作が簡単!! 記述の仕方はCSSに似ている Write less, do more!! オープンソース(MITライセ…