MobilyNotes


Description: 重なりあったコンテンツが上に出てきます。ユニークな見せ方ですね。画像だけでなく、テキストも可能です。傾きはcss3なのでIE非対応ですが、jsは問題なく動作します。
Sample: demo
Tutorial: MobilyNotes
License: -

Note

$('.notes_txt').mobilynotes({
    init: 'plain',
    positionMultiplier: 20,
    title: 'h2',
    autoplay: false
});

jQueryとプラグインを読み込んで上記設定をします。

Related snippet :

  • Description: 初期で表示されている画像をサークル状に別の画像で囲います。マウスオーバーとクリックで動作するものと選択可能。クロスブラウザで動作します。省スペースで ...
  • Description: QRコードを生成するプラグインです。簡単な記述でCanvasを使ってQRコードを生成します。HTML5ですので全IEで実装不可能です。スマフォ用にな ...
  • Description: 画像でもHTMLでも何でもカルーセル化出来るプラグインです。汎用性も高く、導入も手軽、クロスブラウザにも対応しています。また、縦や横など、様々な形式 ...
  • Description: フォームがアクティブでもうっすらとラベル要素を残すプラグインです。ユーザー入力補助の一環として。デモでも使われているようにログインフォームなんかに良 ...
  • Description: Youtubeのプレイリストをサムネイル表示し、その場で再生可能にするプラグインです。クロスブラウザで動作可能。サイズも簡単に変更できるようです。な ...
  • Description: ビフォーアフターを実装するプラグインです。クロスブラウザで動いてくれますよ。実装にはjqueryUIが必要です。 Sample: dem ...
  • Description: Googleマップを簡単に表示するプラグインです。1行のマークアップのみでマップを表示させることが可能です。GoogleMapAPIを使用します ...