jQueryNotes仿QQ空间添加标记

jQuery-Notes是一个简单易用jQuery-Plugin,允许您添加备注任何图像(甚至是外国的)在你的网站或博客。

淘建站为您提供更多_文字特效_标签云_qq_标记，在此特别感谢您对我们的支持与厚爱！

jquery-notes有以下特点：

• 支持添加备注图像
• 丰富的API
• 支持标记伸缩
• 支持更改主题
• 支持图片标记添加链接
• 不需要数据库

HTML

首先在页面上放置一张添加标志的图片

<div class="samples-box clearfix">
    <img src="samples/sample_1.jpg  width="333" height="500" class="jquery-note_1-2"
    />
</div>

引入jquery和jquery-notes相关组件

<link rel="stylesheet" title="Standard" href="jquery-notes_css/style.css"
type="text/css" media="all" />
<!--[if lte IE 8]>
    <link rel="stylesheet" title="Standard" href="jquery-notes_css/lteIE8.css"
    type="text/css" media="all" />
<![endif]-->
<script type="text/javascript" src="jquery-notes_js/jquery.js">
</script>
<script type="text/javascript" src="jquery-notes_js/jquery-ui.js">
</script>
<script type="text/javascript" src="jquery-notes_js/jquery-notes_1.0.8.js">
</script>

调用jquery-notes插件

$(function() {
    $('.jquery-note_1-2').jQueryNotes({
        minWidth: '10%',
        minHeight: 20,
        aspectRatio: true,
        helper: 'helper-class',
        allowLink: false,
        dateFormat: 'D.M.Y',
        operator: 'jquery-notes_php/notes.php'
    });
});