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

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

 4944  33  查看评论 (6)
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插件 - Chardin.js

还记得我们以前分享的超酷悬浮覆盖式的注释效果吗?今天这里我们分享一个能够帮助你快速的生成类似页面注释效果的jQuery插件 - Chardin.js
  工具提示
 12662  32

tooltipster实用的工具提示插件

Tooltipster是一个jQuery插件拖动移入点击实现炫酷效果.有助于使工具提示功能丰富。这是一个简单的,多才多艺的插件。
  工具提示
 1211  14

jQuery信息提示插件justTools.js

因为需要这样一个小插件,前两年写了一个。找不到了,网上找了写都不能用。因为当DIV设置滚动条会切掉,所以就自己动手了
  工具提示
 2848  29

适合新手的jQuery提示消息插件

一款非常简单的jQuery移动端消息提示,虽然简单但很实用,代码量非常少。
  工具提示
 4085  20

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

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

    不兼容分辨率吗

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

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

    回复
    ln_1992 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
取消回复