博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自己写的一个简单的jQuery提示插件
阅读量:5972 次
发布时间:2019-06-19

本文共 981 字,大约阅读时间需要 3 分钟。

代码:

/*** 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("
" + text + "
"); 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

效果图(鼠标移到商品上面,会在下面显示一个方形的商品详情框):

 

转载于:https://www.cnblogs.com/s0611163/p/4172208.html

你可能感兴趣的文章
linux 常用命令
查看>>
PHP的分页处理技术和一些常用的技术
查看>>
网页网站收集
查看>>
XMOVE3.0手持终端——软件介绍(一):精简型嵌入式管理系统的菜单实现和任务切换...
查看>>
c++截取汉字和英文混合字符串
查看>>
解决 Iis7中的“ISAPI 和 CGI 限制”错误
查看>>
计算机单词(日常收集)
查看>>
GDB
查看>>
iOS 真机调试多台mac电脑共用一个证书
查看>>
Leetcode: Rotate Image
查看>>
LuaJit转义的问题
查看>>
JqueryEasyUI 解决IE下加载时页面错乱的问题 分类: JavaS...
查看>>
[MODx] Build a CMP (Custom manager page) using MIGX in MODX 2.3 -- 2
查看>>
uiimageview 异步加载图片
查看>>
Eclipse-----jrebel实现jetty热部署
查看>>
屏幕录像专家注册机破解方法
查看>>
SPIE Example References
查看>>
2015阿里巴巴秋招在线笔试题
查看>>
前缀式计算(前缀表达式)
查看>>
poj2728 Desert King --- 01分数规划 二分水果。。
查看>>