
CSS实现导航条图片的翻转菜单
发布时间:2006-10-23 12:09:26 来源:天极网 网友评论 0 条如果用传统的方法制作这个翻转菜单,至少需要把图片切成10块,还要加上JS代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图:

CSS代码:
设计的更体贴,照顾纯文本浏览的朋友:
可以在LI内套入SPAN元素,加入文本链接,在风格中设SPAN不可见。
推荐阅讯
- 搞定CSS SPAN和DIV的区别
- 转:浅议 Web 的表单设计
- CSS+DIV设计实例:超酷的竖排导航栏
- CSS布局中最小高度(min-height)的妙用
- 显示/隐藏引出的CSS Bug
- CSS中关于相对定位和绝对定位
- 网页制作基础技巧 框架(帧窗口)间的交互
- CSS:background-position的妙用
- 进阶性教程 CSS的常规使用技巧
- 如何像表格table一样对层div进行轻松布局
阅读排行
- 1.如何使用CSS来进行网页排版
- 2.CSS样式表教程-If you love css …
- 3.CSS用样式表美化你的网页
- 4.网页制作:几种所见所得的WEB在线编辑器
- 5.网页常见可用性错误——表单组件错误
- 6.CSS+JavaScript打造超酷右键菜单
- 7.针对浏览器隐藏CSS之九大技巧
- 8.DIV+CSS网页布局入门
- 9.搜索引擎的蜘蛛人(ROBOTS)秘密
- 10.CSS垂直树形下拉菜单
专题教程
- 大话G游 专题:手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
- Picasa中文版_Picasa教程 专题:清除流氓软件
- Firefox专题 seo搜索引擎优化专区
- 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏
