jQuery入門1
なんか今jQueryが熱いらしいということで、ちらっと見てみたら
ウノウラボとかで紹介してて、なんか簡単そうだなと思ったので時間作って凄く簡単なの作ってみたんです。
といっても、1から書くとかはなかなか難しいもので、よって4GALAXYのメモにお世話になって、それを殆どマネしてでサンプルとしたのです。
手順
1.head内でjavascript関係の記述をします
<script type="text/javascript" src="js/jquery-1.2.1.js"></script> <script type="text/javascript"> <!-- //.fadeto(フェイドのSpeedミリ秒,透明度 1.0で100%) $(function(){ $("p").fadeTo(0, 0.4);//ページ読み込み時 }); $(function(){ $("p").hover( function(){ $(this).fadeTo(100, 1.0); }, function(){ $(this).fadeTo(200, 0.4); } ); }); // --> </script>
2.一応htmlの中のソース(BODY内)も書いておこうー
<h1>透明度を変更する</h1> <h2>IMAGE</h2> <p><img src="image/sample.png" /></p> <hr size="1" /> <h2>TEXT</h2> <p>SAMPLE TEXT</p> <hr size="1" /> ※タグを使っているので一行ごとが選択範囲となる例 </script>
何か仕事だとjs切ってる人がいてもいいようにってことであんまり使わないけど、
スタイル制御として使うなら逆に、切っててもシステム的機能が無くなるわけではないので
使えそうだなー