nicemenuHTML5 圆形菜单

联合创作 · 2023-09-23 09:10

nicemenu 是一款 HTML5+CSS3 实现的圆形菜单。

默认分布:每个菜单项使用程序预设的角度大叫来布局

平均分布:程序自动根据菜单项计算菜单的角度,平均分布成一个圆形

程序还可以设置动画延迟与菜单之间的间隙

function createMenu2()
{
	var targetDom = document.getElementById("targetMenu");
	nm = new nice_menu(targetDom);
	
	nm.initScale = 1.0;
	nm.distributionType = 0;
	nm.delay = 50;
	nm.gap = 1;
	nm.nm_ItemsData = [
		["Menu1", "#", "_self", "./img/1.ico"],
		["Menu2", "#", "_self", "./img/2.ico"],
		["Menu3", "#", "_self", "./img/3.ico"],
		["Menu4", "#", "_self", "./img/4.ico"],
		["Menu5", "#", "_self", "./img/5.ico"],
		["Menu6", "#", "_self", "./img/6.ico"],
		["Menu7", "#", "_self", "./img/7.ico"],
		["Menu8", "#", "_self", "./img/8.ico"],
		["Menu9", "#", "_self", "./img/9.ico"],
		["Menu10", "#", "_self", "./img/ark.ico"]
	];
		
	nm.nm_createMenu();
}



浏览 14
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报