编写简单的jQuery提示插件

前端技术 2023/09/06 JavaScript

很简单的代码,就不多废话了。

代码:

复制代码 代码如下:

/**
* 2014年11月13日
* 提示插件
*/

(function ($) {
    $.fn.tips = function (text) {
        var divtipsstyle = \"position: absolute; left: 0; top: 0; background-color: #dceaf2; padding: 3px; border: solid 1px #6dbde4; visibility: hidden; line-height:20px; \";
        $(\"body\").append(\"<div class=\'div-tips\' style=\'\" + divtipsstyle + \"\'>\" + text + \"</div>\");

        var divtips = $(\".div-tips\");
        divtips.css(\"visibility\", \"visible\");

        var top = this.offset().top - divtips.height() - 8;
        var left = this.offset().left;
        divtips.css(\"top\", top);
        divtips.css(\"left\", left);

        $(document).mousemove(function (e) {
            var top = e.clientY + $(window).scrollTop() - divtips.height() - 12;
            var left = e.clientX;
            divtips.css(\"top\", top);
            divtips.css(\"left\", left);
        });
    };

    $.fn.removetips = function (text) {
        $(\".div-tips\").remove();
    };
})($);

本文地址:https://www.stayed.cn/item/17182

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。