博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js鼠标移入移出图片变大
阅读量:5239 次
发布时间:2019-06-14

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

function showbigimg(id,ishide)

{
if(ishide=='false'){
var x=-190;
var y=-220;
var imgOffset = $("#"+id).offset();
var divid = "d"+Math.floor(Math.random()*50);
var tooltip = "<div id='"+divid+"' class='tooltip'><img width='240px' height='240px' src='"+ $("#"+id).attr("src") +"' alt='预览图'/><\/div>"; //创建 div 元素
$("body").append(tooltip); //把它追加到文档中
$("#"+divid).css({"top": (imgOffset.top+y) + "px","left": (imgOffset.left +x) + "px","display":"block"});//.show("fast");
}else
{
$(".tooltip").remove();
}
}

 

.tooltip{position:absolute; z-index:2; border:1px solid #ccc;background:#333;padding:2px;display:none;color:#fff;}

转载于:https://www.cnblogs.com/fly2yu/p/3503099.html

你可能感兴趣的文章
snmpwalk命令常用方法总结
查看>>
网站产品设计
查看>>
C++按格式接收输入字符(京东,滴滴,360笔试必用)
查看>>
代理ARP
查看>>
go 学习笔记(4) ---项目结构
查看>>
java中静态代码块的用法 static用法详解
查看>>
Java线程面试题
查看>>
Paper Reading: Relation Networks for Object Detection
查看>>
Java IO流学习总结
查看>>
day22 01 初识面向对象----简单的人狗大战小游戏
查看>>
递归函数,二分运算,正则表达式
查看>>
Flutter之内置动画(转)
查看>>
MySql优化相关概念的理解笔记
查看>>
数据库解决方案
查看>>
DataContract和DataMember的作用
查看>>
js如何获取response header信息
查看>>
python_文件的打开和关闭
查看>>
ADO.NET介绍
查看>>
iOS: 数据持久化方案
查看>>
【C#】【Thread】Monitor和Lock
查看>>