jquery

jqueryを使っていろいろ試してみた
jqueryのプラグインを使ったサンプルと使い方を説明しています

ライトン生活

写真の下側の黒い部分をマウスオーバーしてみてください。ライトン生活の仲間の名前が表示されます。
jqueryのhoverイベントを設定するとできます。

私の好きなライトンくんのストラップ

ライトン生活 オフィシャルサイト
三菱uniのシャーペンの芯を買うとライトン生活のストラップがついてた

  • プラトン
  • コンセントン
  • ダストン
  • コンセントン
  • アダブター
  • コンセントン

javascriptのコード

  $(function(){
    $("#righton ul li div").hover(
      function(){
        $(this).addClass("caution");
      },
      function(){
        $(this).removeClass("caution");
      }
    );
  });

cssのコード

  .caution {
    color: #fff;
  }