jquery实现标记效果插件(原创)

所属分类:UI-工具提示,标签

 35863  372  查看评论 (11)
分享到微信朋友圈
X
jquery实现标记效果插件(原创) ie兼容9

使用方法

先需要导入signSyle.css和jquery-sign.js或者jquery-sign.mini.js

准备一个非空元素例如:

<div id="signx"></div>

效果:在绑定的元素上,点击鼠标右键即可弹出输入标记,鼠标悬浮标记框内,即可显示标记内容。点击就可以创建标记。在标记框内点击,即可选择删除标记.

方法解释:

$.sign.bindSign('#signx');
//初始化,绑定需要标记元素
$.sign.setSignColor('#3498DB'); 
//设置标记框颜色
$.sign.setBodyColor('rgba(255,255,255,0.5)');
//设置提示背景颜色
$.sign.setFontColor('#000');
//设置字体颜色
var m=$.sign.getSignMessage();
//获取所有标记数据,返回为数组
$.sign.loadingSign(m);
//载入标记数据
相关插件-工具提示,标签

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 37726  450

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 48034  407

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 33274  394

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 30187  343

讨论这个项目(11)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    chenffff 0
    2018/7/20 10:29:30
    如果页面有滚动条,滚动到下面后,右击出现 添加 定位不正确,应该是没有相对整个网页定位,js代码还加密了。。真是郁闷。。自己做又花时间。。。作者是啥心态
        西瓜0
        2018/7/20 10:42:56
        用http://www.jq22.com/jsgsh点下解密就行了
    回复
    火炎?焱?? 0
    2018/2/25 20:26:13
    var m=$.sign.getsignmessage();//获取所有标记数据,返回为数组。
    这个方法我试了下打印的是空数组,怎么拿不到值啊?
    回复
    厌世 0
    2017/12/28 17:15:57

    方便的话可以顺便留个联系方式么?

    回复
    厌世 0
    2017/12/28 17:04:18

    你好,编辑功能怎么实现?左键点击无效,还有,我换了个长点的图片,标记就错位了,求解决方案!

    回复
    浮生若梦 0
    2017/8/18 9:30:00

    不兼容分辨率吗

    回复
    何元鹏 0
    2017/3/16 15:51:33

    其实可以考虑一下这个标记框的放大缩小,这样更适用

    回复
    南洋大师傅 0
    2017/3/6 12:40:28

    新增的标记删除功能没有实现

        陈陈呢0
        2017/3/6 17:57:18

        是新加的标记上右键弹不出删除标记,还是点删除标记不可以啊?

        萧瑟不缺明亮的光0
        2017/3/23 10:10:48

        删除时必须右键按着不放,然后鼠标移到删除标记上面才能点击。否则,删除标记弹出来一闪就没了

    回复
    huahuaniu 0
    2017/3/6 9:33:45
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复