javascript

在り来りだけど、動きがきれい。
htmlとかjsとかのプレゼン。actionscriptって早いんですね。こんだけ作りこまれた資料公開しちゃうのもすごい。
段々演算子の全体が見えてきた。
jqueryで実装できるなんて、便利な世の中。
この文章がなかなよかった。アマゾンからダイレクトで買えるようになってるのも案外便利ですね。
「更新日」をjavascriptで自動更新できる。

[js] jsでゲーム。

魔界村と同じ位、難易度高い!

最近mtがブックマークみたいになってる。

それはさておき、たしかに1言語だけじゃ物足りない。特にhtmlとかjavascripterにとってプログラミング言語を多言語習得するのは敷居が一気に高くなるんじゃないかなぁと。javascriptだけでも大変なのに。

animateって用意されてる関数だったのか。わかりにくすぎる。

jQueryでは手軽にアニメーションできる animate() が用意されており、...

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] jqueryプラグイン

グラフィックの見せ方がすごくきれいなサンプルが多い。

まださらっと傍観するくらいでいいかな。jsを先に勉強だ。

jsとビット演算子について調べていたら、発見した副産物。

以前も同じようなタイトルを書いた気もするけど、すっかり忘れてるので復習。inputの値を取得する方法は、何種類かあるんですよねー。

これくらいの動きだと乱れにくい。

サンプルがすごく素直に動いてくれた。

urlに引数を付与しておいて、リンク先のページのjavascriptで引数を読み込み、ページ内のタブ切り替えを制御できるようにした。

フラッシュみたいな動き。クリックするといろいろな反応をしてくれる。

CSSいじるだけだからもっと簡単にできるかと思ったけど、クロスブラウザ問題でややこしくなってますね。だからjQueryとかの外部ライブラリを利用したサンプルが横行してるんだ。

設計事務所らしいデザインがjavascriptとマッチしている。

作り方参考

あわせて読みたいブログパーツ