css3 鼠标悬停导航菜单 css3实现鼠标悬停扇形导航菜单源码下载-脚本之家

热门排行

JOJO奇幻冒险
恐龙岛
咒语旅团
小小梦魇3
最后生还者
架空地图
交易猫
乐高大乱斗
小偷模拟器
石河伦吾的朋友们
道友请留步
欢乐小镇

简介

今天给大家分享一款特效源码是使用css3动画实现的二级扇形导航菜单功能。感兴趣的朋友可以查看效果演示，也可以下载源码,此段代码适用于任何浏览器：搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗，是一款不错的的特效源码！

核心代码介绍

var menu = [{
        title: '互联网网站资源管理',
        subtitle: ['一级菜单', '二级菜单', '三级菜单']
    },
    {
        title: '移动互联网应用管理',
        subtitle: ['一级菜单', '二级菜单', '三级菜单', '四级菜单']
    },
    {
        title: '微信公众号监测',
        subtitle: ['一级菜单', '二级菜单', '三级菜单', '四级菜单']
    }...
]

title是一级菜单，subtitle是二级子菜单

renderMenu(menu)

renderMenu函数直接渲染