如何在鼠标悬停时在桌面中心弹出图像 [英] how to popup image at the center of the desktop on mouse over
本文介绍了如何在鼠标悬停时在桌面中心弹出图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在鼠标上方显示桌面中心的图像。现在我在图库的底部显示图像,但我想显示在桌面的中心。
感谢提前..
//这是我设计零件的代码
how to display image at the center of the desktop on mouse over.now i am displaying image at the bottom of the gallery but i want to display at the center of the desktop.
thanks in advance..
//this was my code in designing part
.popup
{
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
display:none;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -40px;
}
function displayFullImage(imgId, url,w,h)
{
var pop=document.getElementById("popup");
var img=document.getElementById(imgId);
popup.style.display='block';
img.style.width="550px"; //change to your image size
img.style.height="500px"; //change to your image size
img.src = "upload_content\\"+url;//"upload_content\\admin_Golf.jpg";//url;//
var w = 200;
var h = 200;
var left = Number((screen.width/2)-(w/2));
var tops = Number((screen.height/2)-(h/2));
}
function hideDiv()
{
var pop = document.getElementById("popup");
pop.style.visibility = "hidden";
}
//这个函数写在母版页中,我在内容页面中调用....
//this function was written in master page and i am calling in content page....
推荐答案
<center>
<img src="test.jpg" style="margin:0 auto;" />
</center>
这篇关于如何在鼠标悬停时在桌面中心弹出图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文