php鼠标悬停显示图片,鼠标滑过出现预览的大图提示效果

当鼠标滑过图片时,图片会出现预览的大图,大图下面还会有介绍文字。

.aa{

width:88px;

height :100px;

}

$(function () {

var x = 10;

var y = 20;

$("a.tooltip").mouseover(function (e) {

this.myTitle = this.title;

this.title = "";

var imgTitle = this.myTitle ? "
" + this.myTitle : "";

var tooltip = "

产品预览图" + imgTitle + "
"; //创建
元素

$("body").append(tooltip); //将它追加到文本中

$("#tooltip")

.css({

"top": (e.pageY + y) + "px",

"left": (e.pageX + x) + "px"

}).show("fast"); //设置x坐标和y坐标,并且显示

}).mouseout(function () {

this.title = this.myTitle;

$("#tooltip").remove(); //移除

}).mousemove(function (e) {

$("#tooltip")

.css({

"top": (e.pageY + y) + "px",

"left": (e.pageX + x) + "px"

});

});

})

鞋子

手套

裙子

包包

87174bc028ead03c27730d410604198a.gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/431820.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

405 not allowed什么意思_二驴质问散打:为什么不救天道!面临一个亿赔款?次惑小仙女宣布与可乐分手!...

次惑小仙女发作品表示:对不起让你们失望了,慢慢也学着长大了,懂得了很多,以前每天就知道天真傻笑的玩,后来懂得了努力和加油,但是很多东西并不是大家看到的那样背后的事情谁又能知道。都认为他对我很好,只有自己知道,呵呵。有些时…

hdu.1254.推箱子(bfs + 优先队列)

推箱子 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submission(s): 6021 Accepted Submission(s): 1718 Problem Description推箱子是一个很经典的游戏.今天我们来玩一个简单版本.在一个M*N的房间里有一个箱子和一个搬运…

ae合成设置快捷键_怎么在ae中剪切视频?怎么在ae里裁剪视频?

ae剪切裁剪视频教程:零基础学AE软件影视后期必修课程-AE新建合成-羽兔网​www.yutu.cn1、启动After Effects并导入视频第一个任务是打开一个新项目,并将视频加载到其中。首先从主菜单中选择新的构图。然后打开构图菜单,选择所需的分辨率等&am…

php js获取元素id,javascript通过中文id和class获取元素的方法

以前以为html元素中的id和class等只能通过字母数字或者下划线等特殊字符命名,如果单存使用中文浏览器不会报错,但是js是获取不到的,但是今天逛论坛的时候发现不是这样的。代码如下:运行结果:论坛来源是这个&#xff1a…

delphi random 六位_《蒙面唱将猜猜猜》第五季将播,六位唱将率先登场

原标题:《蒙面唱将猜猜猜》第五季将播,六位唱将率先登场新京报讯(记者 刘玮)《蒙面唱将猜猜猜》第五季将于11月1日21:10在江苏卫视首播,优酷视频全网独播。第五季中,猜评团不仅“觊觎”各路唱将的真实身份,…

java中sql之count,SQL COUNT() 函数--编程学习网

COUNT() 函数返回匹配指定条件的行数。SQL COUNT(column_name) 语法COUNT(column_name) 函数返回指定列的值的数目(NULL 不计入):SELECT COUNT(column_name) FROM table_name;SQL COUNT(*) 语法COUNT(*) 函数返回表中的记录数:SELECT COUNT(*) FROM tabl…

苹果笔记本双系统怎么切换_2020年你该怎么选择苹果笔记本,资深用户带你讲透MacBook Air MacBook Pro...

作为一名曾经的苹果生态开发者我2012年10月份购入自己的第一台苹果笔记本:MacBook Pro 13寸,那时候还很厚重,机械硬盘的配置,为了省钱,在官网翻新机渠道购买的,记得当初新机的原价是8000多,翻新…

苹果6s怎么导出照片_怎么恢复苹果手机删除的照片?今天教你三种找回方法

怎么恢复苹果手机删除的照片?手机的出现虽然带给我们很大便利,同时却也带来了一些小的麻烦。在手机上很多操作步骤都很简单,因此,难免会遇到手滑误操作的情况。拿照片这项内容来说,我们可能误删除一些本来不需要删除的…

iptables 开放远程_远程FX正式上市 指导价11.99万-12.99万元_搜狐汽车

本文车型速览除了文章作者的主观观点外,我们正尝试基于全网可查的客观数据,为您提供中立、客观的参考依据:本文部分车型速览:畅销车型质量排行top10展开微信扫码,直接一次看完附近所有城市低价(附近城市均有经销商可售…

matlab项目实例教程,matlab简明实例教程.doc

matlab简明实例教程.doc 南京航空航天大学王正盛1MATLAB数学工具软件实例简明教程王正盛编写南京航空航天大学南京航空航天大学王正盛2第一章MATLAB简介MALAB译于矩阵实验室MATrixLABoratory是用来提供通往LINPACK和EISPACK矩阵软件包接口的后来它渐渐发展成了通用科技计算图视…

pointcut 排除_宁河天津玻璃门地弹簧玻璃门故障排除

宁河天津玻璃门地弹簧玻璃门故障排除门扇玻璃应用钢丝卡固定。安装完毕要做好安装后的清洁工作.相关概念钢化玻璃钢化玻璃(Temperedglass/Reinforcedglass)属于安全玻璃。钢化玻璃其实是一种预应力玻璃,为提高玻璃的强度,通常使用化学或物理的方法&#…

四则运算心得

#include<stdio.h>#include<math.h>#include<windows.h>int right0;int wrong0;void add(){int a,b,c;arand()%100;brand()%100;printf("请回答&#xff1a;\n\t\t %d %d ",a,b);scanf("%d",c);if(abc){printf("回答正确!\n"…

php中一级标题和二级标题,什么是一级标题,一二三标题格式举例

什么是一级标题什么是一流的标题&#xff0c;第一级标题是讨论的第一个内容&#xff0c;如序言&#xff1b;一级标题通常指序号为[I&#xff0c;]的标题&#xff0c;也是最大的标题它是4号黑体&#xff0c;单行无标点符号&#xff1b;二级标题是指序号为[(1)]的标题&#xff0c…

mac安装win10_mac制作win10启动盘教程

在Mac系统环境下如何制作win 10 启动盘呢&#xff1f;把win 10 系统安装在U盘里&#xff0c;这样不仅可以重启后单独运行&#xff0c;还可以在Mac的虚拟机里面来引导启动它&#xff0c;那么mac制作win10启动盘工具需要什么软件呢&#xff0c;接下来macdown 小编给大家带来了mac…

cpu工作原理flash动画_17张PLC工作原理动画,每一个都是经典

小编今天给大家带来17张PLC工作原理控制动画&#xff0c;每一个都是经典。1、PLC顺序控制顺序控制的基本思路&#xff0c;即要将设备的动作细分为单个动作步&#xff0c;每个步执行一个操作。且步与步之间通过对应的转换条件连接&#xff0c;及步动作切换。严格按照此思路&…

求合体电脑版_网红界宋祖儿找年轻版言承旭当男友,一张合照收割大量cp粉?!...

下面这组情侣写真&#xff0c;没有颜控能逃得过他们的狗粮。男生神似年轻版言承旭&#xff0c;女生像宋祖儿和章若楠的结合体。一组写真就秒到网友&#xff0c;几乎是全网求ID的程度。说到俊男美女的组合&#xff0c;这不是挖酱的业务范畴么&#xff1f;立马赶来给大家介绍一下…

C++求复数的角度_人教A版高中数学必修二7.1 复数的概念优质课公开课课件、教案...

【新教材】7.1.1 数系的扩充和复数的概念 教学设计(人教A版)教材分析本节作为复数一章的开篇&#xff0c;主要包括数系概念的发展简介&#xff0c;数系的扩充&#xff0c;复数的相关概念、分类、相等条件&#xff0c;代数表示和几何意义.复数的引入是中学阶段数系的又一次扩充&…

电脑屏保海底世界_炸弹测深出来的海底一万米,都藏有何种玄机?

近日&#xff0c;由中国科学院沈阳自动化研究所研制的“海斗一号”全海深自主遥控潜水器载誉归来&#xff0c;在马里亚纳海沟实现4次万米下潜&#xff0c;最大下潜深度10907米&#xff0c;刷新中国潜水器最大下潜深度纪录&#xff0c;众人赞叹“这是一个有‘深度’的潜水器&…

ubuntu安装python_ubuntu18.04下源码编译安装最新版本Python3

原文链接&#xff1a;ubuntu18.04下源码编译安装最新版本Python3截止到2019年4月9日&#xff0c;Python3最新的版本是3.7.3。在ubuntu18.04中已经安装的Python3版本是3.6.7&#xff0c;下面我们就演示一下如何在ubuntu18.04下源码编译安装Python3.7.3&#xff0c;后续如果有更高…

基于Enterprise Library的Winform开发框架实现支持国产达梦数据库的扩展操作

由于一个客户朋友的需求&#xff0c;需要我的Winform开发框架支持国产达梦数据库的操作&#xff0c;这个数据库很早就听过&#xff0c;但是真正一般项目用的很少&#xff0c;一般在一些特殊的项目可能需要用到。由于我的Winform开发框架&#xff0c;是基于Enterprise Library的…