• 关注此站
  • 网站管理
    • 网站首页
    • 给我留言
    js+CSS实现QQ菜单样式(老版QQ菜单样式,兼容火狐)
    发布者:kos   发布日期:2009年11月30日 6:01 pm 暂无评论

    给大家一个都不陌生的导航样式,老版的QQ菜单样式,网上找了一些代码,但觉得很复杂,想用起来又不方便,于是自己动手写了一个简单的,除了没有写缓慢展开的效果外,其余的都应该差不多,相信很多地方都能用上。

    功能如下:
    1、初始状态下,所以菜单呈关闭状态,当点击某一个菜单时,就展开此菜单,展示里面的内容
    2、当点击另外一个菜单时,前一个菜单关闭,展开新点击的菜单,展示里面的内容
    3、浏览器窗口大小改变时,展开的菜单会对应于你的浏览器大小而拉伸或压缩
    4、当浏览器窗口高度过小(即刷新浏览器出现上下滚动)时,报错提醒,(相信设置导航时会考虑到大体性,即不要把分类分得太多)

    最后,用到的样式表都只是为了体现功能效果,没有细设,至于鼠标移动和其它样式,自己稍做修改就可达到你想要的效果

    [查看实例]

    来自分类: DIV+CSS, JavaScript, 网站设计   Tags: onResize(), 兼容的QQ菜单, 导航
    • 站点日历

        2010-03月    
      一 二 三 四 五 六 日
      1234567
      891011121314
      15161718192021
      22232425262728
      293031  
    • 站内搜索

    • 分类导航

      • DIV+CSS (11)
      • Flash编程 (1)
      • JavaScript (23)
      • 网站设计 (15)
      • 网络杂坛 (2)
      • 网络资源 (2)
    • 博客标签

      下拉菜单(1) 优先级(1) 传值(3) 兼容(3) 子页面(2) 字符串(1) 导航(2) 手机号码(1) 拼接(1) 提示效果(1) 滚动(2) 滤镜(1) 电话号码(1) 空间站(1) 网页(1) 节点(1) 获取(1) 调试(1) 运行(1) 透明背景(1) 邮箱(1) 验证(1) clearTimeout(2) code调试(1) contentWindow(1) createRange(1) ExecWB(1) external(1) iframe(1) JavaScript(1) join()(2) js(1) MARQUEE(2) options(1) parentNode(1) png(1) refresh(1) scrollTop(1) selectedIndex(1) selection(1) setInterval(1) setTimeout(4) textarea(1) title(2) W3C标准(3)
    • 有情链接

      • 博客集中营
      • 寻常百姓(淘宝导购)
      • 寻常百姓·家
      • 手机菜鸟
      • 柳永法'Blog
      • 爱吾资源
    Powered by WordPress. Theme F2.© 2010 友意博客   E-mail:uideas@163.com   QQ:50853854