当前位置:  软件>JavaScript软件

HTML5 圆形菜单 nicemenu

    来源:    发布时间:2015-01-01

    本文导语:  nicemenu 是一款 HTML5+CSS3 实现的圆形菜单。 默认分布:每个菜单项使用程序预设的角度大叫来布局 平均分布:程序自动根据菜单项计算菜单的角度,平均分布成一个圆形 程序还可以设置动画延迟与菜单之间的间隙 ...

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

HTML5 圆形菜单 nicemenu[图片]

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

HTML5 圆形菜单 nicemenu[图片]

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

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

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();
}




    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 基于Html5的mockups在线工具简介
  • 让 IE 支持 HTML5 html5shim
  • HTML5介绍及其特性
  • 基于HTML5的幻灯片 html5slides
  • HTML5 sprite 样式创建工具Stitches介绍
  • HTML5 在线工具 html5demos
  • HTML5 <bdo> 标签:覆盖默认的文本方向
  • Web便签 HTML5Sticky
  • HTML5 <blockquote> 标签(定义引用)详细介绍及举例说明
  • HTML5 canvas图形库 RGraph
  • html5/css3文本阴影(text-shadow)详解及示例
  • HTML5的Canvas库 KineticJS
  • HTML5 <b> 标签-定义粗体的文本
  • HTML5文件系统API filer.js
  • HTML5 canvas 标签介绍:定义图形
  • HTML5-CSS3 框架 Workless
  • HTML5 <mark> 标签
  • 桌面 HTML5 编辑器 Hyro
  • HTML5 <audio> 标签-在html中定义声音的标签
  • HTML5 游戏引擎 Isogenic Game Engine
  • HTML5 简介-什么是Html5以及Html5框架详细介绍
  • HTML5开源引擎 lufylegend


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3