在り来りだけど、動きがきれい。
続きを読む: {jQuery} インターバルタイマーで自動切替。
最近mtがブックマークみたいになってる。
それはさておき、たしかに1言語だけじゃ物足りない。特にhtmlとかjavascripterにとってプログラミング言語を多言語習得するのは敷居が一気に高くなるんじゃないかなぁと。javascriptだけでも大変なのに。
animateって用意されてる関数だったのか。わかりにくすぎる。
jQueryでは手軽にアニメーションできる animate() が用意されており、...
navi01
nave02
navi03
<script> jQuery(function(){ $(".btn1").hover(function(){ $("#navi").animate({marginLeft:"0"}, 200); }); $(".btn2").hover(function(){ $("#navi").animate({marginLeft:"101"}, 200); }); $(".btn3").hover(function(){ $("#navi").animate({marginLeft:"202"}, 200); }); }); </script> <style> .btn1, .btn2, .btn3 { width:100px; float:left; background:#ccc; margin:0 1px 0 0; text-align:center;} #navi { background-color:#333; width:100px; height:5px; clear:both; } </style> </head> <body> <p class="btn1">navi01</p> <p class="btn2">nave02</p> <p class="btn3">navi03</p> <div id="navi"></div>
グラフィックの見せ方がすごくきれいなサンプルが多い。
まださらっと傍観するくらいでいいかな。jsを先に勉強だ。
jsとビット演算子について調べていたら、発見した副産物。
以前も同じようなタイトルを書いた気もするけど、すっかり忘れてるので復習。inputの値を取得する方法は、何種類かあるんですよねー。
これくらいの動きだと乱れにくい。
サンプルがすごく素直に動いてくれた。
urlに引数を付与しておいて、リンク先のページのjavascriptで引数を読み込み、ページ内のタブ切り替えを制御できるようにした。
フラッシュみたいな動き。クリックするといろいろな反応をしてくれる。
CSSいじるだけだからもっと簡単にできるかと思ったけど、クロスブラウザ問題でややこしくなってますね。だからjQueryとかの外部ライブラリを利用したサンプルが横行してるんだ。
設計事務所らしいデザインがjavascriptとマッチしている。
ブラウザ上でコンテンツを見比べる時などに役立ちそう。
scrollByはwindow以外に対応してないんですね。