のんびり猫プログラマの日常

プログラムのことを書くかもしれない?

 

【jQueryプラグイン】intro.jsでいろいろ試してみた

f:id:catprogram:20130604142312p:plain

intro.jsというプラグインの動きを確認してみました。

それぞれの要素でどうなるのか・・・
とりあえず下のボタンを押してみてにゃ。

intro.jsについては元サイトをご参考に。

 

span要素
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

リンクだよ

div要素
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

p要素
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

f:id:catprogram:20130518205526p:plain

ID :
パスワード:
所属: 人事 総務 営業 経理
年齢: 10代 20代 30代 40代 50代
添付ファイル:
 
blockquote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

h1見出し

大体のタグには対応していそうですね!

あと噴出しの中のボタンは、自分で勝手に日本語化しています。オリジナルは英語です。