很实用呢,小同伴们自由发挥下,结合到温馨的连串中呢

投机写的叁个粗略的jQuery提示插件,jquery提醒插件

代码:

图片 1/** *
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(); }; })($);
View Code

功用图(鼠标移到货品方面,会在底下突显一个方形的物品详细情况框卡塔尔国:

图片 2

 

代码: /* ** 2014年11月13日* 提示插件 */ ( function ($) { $.fn.tips
= function (text) { var divtipsstyl…

{ $.fn.tips = function { var divtipsstyle = “position: absolute; left:
0; top: 0; background-color: #dceaf2; padding: 3px; border: solid 1px
#6dbde4; visibility: hidden; line-height:20px; “; $.append(“

复制代码 代码如下:/***
2014年11月13日* 提醒插件*/

非常轻便的代码,就非常少废话了。

$.mousemove { var top = e.clientY + $ – divtips.height() – 12; var left
= e.clientX; divtips.css; divtips.css; };

var divtips = $; divtips.css(“visibility”, “visible”);

admin

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注