A-A+

div+css实现tab菜单

2013年09月23日 前端设计 评论 14 条 阅读 315 views 次

tab菜单是在web2.0时诞生的一个概念,随着网络信息化的膨胀,一个页面往往需要很大的信息量,这个时候就要把页面拉成好几屏,往往在增加信息的同时,降低了用户体验,而随着 tab 菜单的出现,这种问题已经完全可以避免了,tab 菜单最流行的时候应该是在网易首页,一个位置通过 tab 菜单可以出现四屏甚至五屏屏的信息,而且页面精美,不仅信息量增大了,用户体验上面更是提高不少。

在现有网站中,已经很多网站都在使用 tab 菜单了,门户网站应用得最多,现在一些企业网站也在使用 tab 标签,最大的好处就是在不影响美观的前提下可以增加信息量。tab 菜单的制作往往是由 div+css+javascript 来完成的。

div+css 来控制 tab 菜单的样式,javascript 来控制 tab 菜单的效果,下面看一款最简单实用的 tab 菜单效果,通过更改 css 的样式来达到我们自己需要的效果。

[cc lang="html"]



流行TAB菜单--夏日博客<https://www.xiariboke.net>


php教程--夏日博客



[/code]

标签:

14 条留言  访客:14 条  博主:0 条

  1. OA论坛

    又是一个技术博客呀

  2. 77680网赚博客

    学习一下

  3. 社新社

    很实用的代码!

  4. 好运品牌鞋

    跟着学习学习,不过,真的学不来啦。

  5. 宋镇江

    很不错的代码, 优化做的挺好。

  6. 罗胜个人博客

    div+css我最怕了,还有JS 一点都不懂

  7. 激光设备

    不错,这样的代码,利于网站的打开速度吧

  8. PHP二次开发

    还是很讨厌js。。。。。

  9. 牛逼站长

    同样大小的屏幕信息量可以展现更多

  10. 圈圈叉叉

    很不错的效果哦,纯的css实现比较好!

    • 宋镇江

      你的网站竟然不能订阅,太自私了。求rss地址

      • smiling

        是圈圈叉叉的博客么,我也没找到他的订阅,只能通过地址打开了。

  11. 21氪

    被图片忽悠了

  12. 锋子

    没怎么看明白……

给我留言