特效介绍

CSS3 3D立体导航效果,鼠标按下时,按钮就会被按下,松开,按钮就会弹起。当然,用css也可以实现,但是效果不好,布局也相当麻烦。
使用方法
1、在head引入下面的代码:1 | < link rel = "stylesheet" href = "css/style.css" media = "screen" type = "text/css" /> |
01 | < ul id = "menu" > |
02 | < li >< a href = "#" >上一页</ a ></ li > |
03 | < li >< a href = "#" >1</ a ></ li > |
04 | < li >< a href = "#" >2</ a ></ li > |
05 | < li >< a href = "#" >3</ a ></ li > |
06 | < li >< a href = "#" >4</ a ></ li > |
07 | < li >< a href = "#" >5</ a ></ li > |
08 | < li >< a href = "#" >6</ a ></ li > |
09 | < li >< a href = "#" >下一页</ a ></ li > |
10 | </ ul > |
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!