前段时间嗷嗷有发过"好玩的放大镜效果",今天看了下,发现还有简单的方法也能够实现,即利用内外补丁的调整。
有兴趣的可以在琢磨琢磨。
例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//E quot; "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" gt;< tyle type="text/c quot gt;
<!--
a {
float:left;
margin:5px 1px 0 1px;
width:20px;
height:20px;
color:#999;
font:12px/20px 宋体;
text-align:center;
text-decoration:none;
order:1px solid orange;
}
a:hover {
osition:relative;
margin:0 -9px 0 -9px;
adding:0 5px;
width:30px;
height:30px;
font:bold 16px/30px 宋体;
color:#000;
order:1px solid black;
ackground:#eee;
}
-->
</style>
<div>
<a href="#" gt;1</a>
<a href="#" gt;2</a>
<a href="#" gt;3</a>
<a href="#" gt;4</a>
<a href="#" gt;5</a>
<a href="#" gt;6</a>
<a href="#" gt;7</a>
<a href="#" gt;8</a>
<a href="#" gt;9</a>
<a href="#" gt;10</a>
</div>