jQueryNotes仿QQ空间添加标记免费下载

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

jquery-notes有以下特点:

<ul class=’ul_demo’><li><span class=””>支持添加备注图像</span></li><li><span>丰富的API</span></li><li><span>支持标记伸缩</span></li><li><span class=””>支持更改主题</span></li><li><span>支持图片标记添加链接</span></li><li><span>不需要数据库</span></li></ul>

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' 
    }); 
});
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录