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什么意思_二驴质问散打:为什么不救天道!面临一个亿赔款?次惑小仙女宣布与可乐分手!...

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

阿里面试

阿里面试 转载于:https://www.cnblogs.com/chen310/p/4492243.html

matlab提示output,强制Matlab输出到命令行(Force Matlab output to command line)

强制Matlab输出到命令行(Force Matlab output to command line)我正在从Windows命令提示符运行MATLAB脚本:"C:\Program Files\MATLAB\R2014B\bin\matlab" -nodisplay -nosplash -nodesktop -wait -r "test.m"test.m很简单:function …

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…

java漂亮界面编程_计算机二级之JAVA篇

JavaJava是一门面向对象编程语言,不仅吸收了C语言的各种优点,还摒弃了C里难以理解的多继承、指针等概念,因此Java语言具有功能强大和简单易用两个特征。深受程序员们的追捧,据TIBOE2020年最新统计:Java使用人数大涨&am…

idea 设置java栈空间,如何为Intellij编译器提供更多堆空间?

当我创建一个Intellij项目时,我不断收到以下内存错误。我已经在idea.vmoptions中增加了我的堆大小:-Xms128m-Xmx2048m-XX:MaxPermSize1024m-XX:ReservedCodeCacheSize64m-ea但我仍然得到这个错误:Information:The system is out of resources…

Java for LeetCode 042 Trapping Rain Water

Given n non-negative integers representing an elevation map where the width of each bar is 1, compute how much water it is able to trap after raining. For example, Given [0,1,0,2,1,0,1,3,2,1,2,1], return 6. 解题思路: 先找到第一块最高的木板&…

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

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

自梦php,PHP菜狗自学之路 云之梦php php之窗 php脚本之

第一讲 开启PHP学习之路 2016/5/2 20:29PHP可以做什么? www网站 管理系统; websever wap网站第二讲 PHP的数据类型 源码调试 2016/5/2 20:30PHP和htm混编 句子以 ; 英文半角分号结束~!!在PHP中 以 开始 以?>结束;e…

鸡啄米vc++2010系列2(项目文件分析)

用应用程序向导生成框架程序后,我们可以在之前设置的Location下看到以解决方案名命名的文件夹,此文件夹中包含了几个文件和一个以工程名命名的子文件夹,这个子文件夹中又包含了若干个文件和一个res文件夹,创建工程时的选项不同&am…

python代做在哪找靠谱_比较靠谱的资产评估师考试去哪找

比较靠谱的资产评估师考试去哪找二我们一起来看看考研辅导员们哪些为优质的学习资源。考研辅导员们怎么说您好,我想作为有识之士,在现阶段大多数考研辅导员的学习水平都不行,甚至都不具备这些资源的才华。因此,我认为做好大家的准…

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…

序列

ORACLE创建序列语句CREATE SEQUENCE 序列名 increment by (序列步长) start with (序列起始值) maxvalue (序列最大值) 删除序列DROP SEQUENCE 序列名 得到序列的下一个值序列名.nextval 创建和使用序列的例子CREATE SEQUENCE seq…

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

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

html5 支持php标签吗,HTML5新增标签使用方法

HTML5提供了一些新的元素和属性,例如nav(网站导航块)和footer。这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如audio和video标记。下面我们…

面试常考题---交换变量

1 面试常考的试题:(交换两个变量值,不使用第三方变量)2 方法1: int n150;3 int n230;4 //最终结果n130 n2505 6 n1n1-n2;//n120 n2307 n2n1n2;//n250 n1208 n1n2-n1;//n130 n2509 10 11 12 方法2: int n150; 13 int n23…

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

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

html5 php idea,五个HTML5新特性

###特性一:正则表达式 通过使用HTML5的pattern属性,代码如下: ###特性二:数据列表元素 使用一些JS或者jQuery UI来实现自动补齐的功能,而在HTML5中,直接使用datalist元素,如下: ###…