网页特效:导航条上的放大效果
前段时间嗷嗷有发过"好玩的放大镜效果",今天看了下,发现还有简单的方法也能够实现,即利用内外补丁的调整。
有兴趣的可以在琢磨琢磨。
<!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>
- 在页面上实现Google PR值的显示
- 用FireWorks 三帧轻松打造酷 Banner
- 网站制作培训之以新窗口的形式打开目标链接
- 网页中文字不跟随浏览器字体大小设置而变动?
- 值得收藏的东东 50条网页制作小技巧集锦
- 解决img图片下多余空白的CSS代码
- 超级漂亮的表格:彩色背景
- 网站设计教程之色彩系列教程:基础知识
- 临沂网站制作培训之Dreamweaver编写CSS的技巧
- 在自己的计算机上安装Discuz!论坛
- 网站制作培训之网页导航设计九大注意事项
- 网站制作培训之webService的远程调试问题
- 网页设计引入CSS样式的五种方式
- 网页框架和网页框架集如何工作
- 网页特效:滚动条的彩色显示
- 网站制作培训之Dreamweaver网页制作秘诀之二
- 网页特效推荐 可以任意编辑的动态表格
- 图片在显示一定的时间后消失
- 网站制作培训-合理的网页设计所具有的特征
- 网页特效:expression将JS、Css结合起来