WEB制作の学習帳

WEB制作を様々な視点から学ぶブログ

JQuery

jQueryロールオーバーボタン

images画像DL http://siteya19.co.jp/ftadata/imges.zip <html lang="ja"><head><meta charset="UTF-8"><title>ロールオーバー</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><script> //nav1 マウスオーバー$(function() { //変数numに1を登録 var num = 1; $('#nav1 li') //マ…</meta></head></html>

jQUeryページトップ

<html lang="ja"><head><meta charset="UTF-8"><title>ページトップ</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script>$(function() { //変数にID情報を登録 var topBtn = $('#page-top'); //初期非表示 topBtn.hide(); //スクロールが80に達したらボタン表示 $(window).scroll(functi…</meta></head></html>

jQueryスライダー

画像DL http://siteya19.co.jp/ftadata/img.zip HTMLソース <html lang="ja"><head><meta charset="UTF-8"><title>スライドサンプル</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script type="text/javascript" src="sliders.js"></script><script>$(function(){ …</meta></head></html>

jQueryのイベントの使い方2

clickイベント 簡単な使い方 <html lang="ja"><head><meta charset="UTF-8"><title>clickイベント1</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script></head> <body><script type="text/javascript">$(function() { //readyイベントの登録$('<button>Click Me!</button>').appen…</body></html>

jQueryのイベントの使い方1

よく利用されるイベント ready click toggle readyイベント readyイベントはjQueryのイベントの中でももっとも使われるイベントとなる。このイベントはブラウザにDOMが読み込まれた時に実行される。 ブラウザはJavaScriptのコードを検出した時点で実行される…

jQueryの記述

Dreamweaverで新規HTMLファイルを作成 <html lang="ja"><head><meta charset="UTF-8"><title>jQueryの勉強1</title><script src="js/jquery-1.11.3.min.js"></script></head> <body><div id="msg"><script type="text/javascript">$ (document) .ready (function () {$ ('#msg') //jQueryのセレクタでdiv#msg要素を検索.text ("Hell …</div></body></html>

jQueryとは

jQueryとはアメリカのJohn Resig氏が中心となって開発したJavaScriptのライブラリ。 jQueryには各種API(Application Program Interface)とプラグインが豊富に用意されていて生産性を飛躍的に向上させることが出来る。 jQueryの特徴 ・jQueryは2006年に最初の…