最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQueryNotes仿QQ空间添加标记

来源:http://www.erdangjiade.com/ 沐浴春风 2015-08-20 14:57浏览(1641)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQueryNotes仿QQ空间添加标记
分类:文字特效 > 标签云 难易:高级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

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'
    });
});
参数 描述 默认值
operator 远程加载列表url -
maxNotes 最大标记数量 -
minWidth 最小标记宽度 -
minHeight 最小标记高度 -
allowAdd 是否允许添加标记 -
allowEdit 是否允许编辑标记 -
allowDelete 是否允许删除标记 -
allowHide 是否允许隐藏标记 -
allowLink 是否允许添加链接 -
loadNotes 是否加载标记 -
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/270.html
评论2
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 椅子
    06-30 19:44
    ngu137
    不错的功能,给人耳目一新之感。。
  • 头像 沙发
    04-17 09:58
    ngu137
    仿QQ空间添加标记特效很好用啊啊。。。
1 2