网页特效:导航条上的放大效果

前段时间嗷嗷有发过"好玩的放大镜效果",今天看了下,发现还有简单的方法也能够实现,即利用内外补丁的调整。

  有兴趣的可以在琢磨琢磨。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
<!–
a {
 float:left;
 margin:5px 1px 0 1px;
 width:20px;
 height:20px;
 color:#999;
 font:12px/20px 宋体;
 text-align:center;
 text-decoration:none;
 border:1px solid orange;
 }
a:hover {
 position:relative;
 margin:0 -9px 0 -9px;
 padding:0 5px;
 width:30px;
 height:30px;
 font:bold 16px/30px 宋体;
 color:#000;
 border:1px solid black;
 background:#eee;
 }
–>
</style>
<div>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
</div>

转载请注明出处:https://www.onexin.net/%e7%bd%91%e9%a1%b5%e7%89%b9%e6%95%88%ef%bc%9a%e5%af%bc%e8%88%aa%e6%9d%a1%e4%b8%8a%e7%9a%84%e6%94%be%e5%a4%a7%e6%95%88%e6%9e%9c/

随机文章:

1、Google Apps Set up email delivery
https://www.onexin.net/google-apps-set-up-email-delivery/

2、MySQL数据库优化(转载)
https://www.onexin.net/mysql-database-optimization-reprint/

3、延伸阅读:运营一个商业网站要多少钱
https://www.onexin.net/further-reading-how-much-do-a-commercial-site/

4、CE前CEO杰克•韦尔奇:“伟大的CEO就是伟大的教练”。
https://www.onexin.net/ce%e5%89%8dceo%e6%9d%b0%e5%85%8b%e2%80%a2%e9%9f%a6%e5%b0%94%e5%a5%87%ef%bc%9a%e2%80%9c%e4%bc%9f%e5%a4%a7%e7%9a%84ceo%e5%b0%b1%e6%98%af%e4%bc%9f%e5%a4%a7%e7%9a%84%e6%95%99%e7%bb%83%e2%80%9d%e3%80%82/

5、出生地增加第三级县市和第四级乡镇 for discuz!x 1.5
https://www.onexin.net/hometown-increase-in-third-level-and-fourth-class-county-town-for-discuz-x-1-5/

Leave a Reply