ホームページを作る人のネタ帳

サクサク作成、書いて貼ってポイできるjQuery付箋プラグイン

jQuery
なかなか面白いのがありました。
あとでなんかのシステムに使えそうかなとおもってメモ。

手軽・それでいて使い易い


ただまぁ、ブログや一般のwebサイト使えるような代物でもないので、こんなのがあるよー程度に覚えておくといいかもしれない。
付箋プラグイン
メモ帳は手軽にD&Dが出来ます。

新規作成
新規作成も手軽。

一度作ったメモ帳はダブルクリックで編集可能。左上の×ボタンでメモを破棄します。

フィールドサイズは以下で指定。

<div id="notes" style="width:800px;height:600px;">
</div>


導入はヘッダーで行います。

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="jquery.stickynotes.js"></script>
<link rel="stylesheet" href="jquery.stickynotes.css" type="text/css">

<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
$('#notes').stickyNotes();
});
</script>
</head>


とっても簡単ですね。

付箋システムに使えるjQueryプラグイン

jQuery Sticky Notes Plugin

お楽しみあれ!
それでは、また。
yamada
Posted byyamada

Comments 0

There are no comments yet.

Leave a reply