Question

当我将鼠标悬停在拇指上时，我想让图像弹出屏幕中央。我有多个拇指，我都希望它们在屏幕中央显示div（包括文字和图像），与屏幕分辨率等无关。等等。

<a href="#thumb"><img src="img/thump_5.png" width="150px" border="0" /><span><b>some info and image 1</b><br><img src="img/5.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_2.png" width="150px" border="0" /><span><b>some info and image 2</b><br><img src="img/2.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_3.png" width="150px" border="0" /><span><b>some info and image 3</b><br><img src="img/3.png" width="510" height="335" /></span></a> 
<br>
<a href="#thumb"><img src="img/thump_4.png" width="150px" border="0" /><span><b>some info and image 4</b><br><img src="img/4.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_1.png" width="150px" border="0" /><span><b>some info and image 5</b><br><img src="img/1.png" width="510" height="335" /></span></a>

我碰到了这个问题：Using jQuery to center a DIV on the screen

但我不知道如何在我的html代码中实现它。任何人都可以帮助我使用css / jquery来使其正常工作。的问候，

Matthijs

Answer 1

这可能正是您所寻找的：

http://jmar.github.com/jquery-hoverZoom/

这些并不完全以屏幕中间的div为中心，但它们看起来也很好;）

Answer 2

如果没有任何代码，很难给出一个全面的答案，但用css术语表示你将div width和height属性定义为某些具体值（不是auto）然后执行position:relative; margin: auto;，然后div应该在它的父级中心。如果你想要一个更广泛的答案，那就做一个你已经拥有的小提琴。

悬停拇指css的中心图像

2 个答案: