WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Raphael Round Menu

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Raphael Round Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Raphael Round Menu

About

Raphael Round Menu was designed to render a round menu. All menu items are arranged symmetrically inside a circle. (Using blank elements you can created a half circle menu etc.) Script draws menu items and calculates their sizes automatically. You can customize menu radius and styling options. Source HTML list may consist of text nodes and image nodes at the same time. Script will build a menu with different items. Script uses cross-browser RaphaëlJS library to generate SVG or VML graphics.
  • Firefox 3.0+
  • Safari
  • Chrome
  • Opera 9.5+
  • Internet Explorer 6.0+

Installation

  1. Refer to a script files in your web-page header
  2. Create a source list in your web-page.
  3. Create a DIV where you want to render menu.
  4. Register event for a menu init.

Source list example:

 <ul class="roundMenu" id="myBeautifulMenu" />  <li><a href="http://example.net">Tooltip<img src="1.png" /></a></li>  <li><a href="http://friendship.com">Text item</a></li>  <li><a href="http://1.com">One more text item</a></li>  <li><a href="http://4.net/">4<img src="2.png" /></a></li>  <li><a href="http://coupons.com">Another text item</a></li>  

Features

  • Cross-browser.
  • Different animation options.
  • Retina ready. Menu is a scalable vector image.
  • Fully customizable menu design.
  • Background may be filled with JPG or PNG image.
  • You can use PNG images as a menu items.

Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
9 October 11

Last Update:
26 January 14

High Resolution:
Yes

Compatible Browsers:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS

Software Version:
Other

Keywords

eCommerce, eCommerce, All Items, animated round menu, circle menu, images menu, javascript menu, round menu, social menu, SVG menu, VML menu