自己写的一个简单的jQuery提示插件
2014-12-18 17:21
561 查看
代码:
View Code
效果图(鼠标移到商品上面,会在下面显示一个方形的商品详情框):
/** * 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
效果图(鼠标移到商品上面,会在下面显示一个方形的商品详情框):
相关文章推荐
- 【jquery】如何自己开发一个简单的jquery 插件
- jQuery自己写的一个类似google自动提示的插件,源代码奉上
- 原创,自己做的一个简单实用的提示小插件,兼容性很好,基本上都兼容!
- 一个简单的消息提示jquery插件
- 基于JQuery的一个简单的鼠标跟随提示效果
- 简单实现编写自己的jQuery插件
- 利用JQuery写一个简单的分页插件
- 一个Jquery的提示(tooltip)插件Jtip
- 自己制作的一个UBB发表情的jQuery插件。
- 分享一个自己做的用于文本插入的jquery插件
- 自己动手写一个jQuery插件(第二篇)
- 一个简单的投票插件(jQuery rater plugin)
- jQuery 标记当前函数 开始写一个简单的插件
- 自己动手写一个jQuery插件(第一篇)
- jquery.artwl.thickbox.js 一个非常简单好用的jQuery弹出层插件
- jquery.HooRay——自己做的一个jquery常用工具插件
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 基于jquery的一个简单的脚本验证插件
- 利用JQuery写一个简单的分页插件
- 基于jquery的一个简单的脚本验证插件