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

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Raphael Round Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ラファエルラウンドメニュー

ラファエルラウンドメニューが円形メニューをレンダリングするように設計されました。 すべてのメニュー項目が円の内側に対称的に配置されています。 スクリプトは、メニュー項目を描画し、自動的にそれらのサイズを算出する(空白の要素を使用して、あなたは半円形メニューなどを作成することができます)。 あなたは、メニューの半径とスタイリングのオプションをカスタマイズすることができます。 ソースHTMLリストが同時にテキストノードおよびイメージノードから構成されてもよいです。 スクリプトが別の項目でメニューを構築します。 スクリプトは、SVGやVMLグラフィックスを生成するために、クロスブラウザRaphaëlJSライブラリを使用しています。
  • Firefoxの3.0+
  • サファリ
  • クロム
  • オペラ9.5+
  • Internet Explorerの6.0以上

インスタレーション

  1. あなたのWeb​​ページのヘッダーにスクリプトファイルを参照してください。
  2. あなたのウェブページのソースリストを作成します。
  3. メニューをレンダリングするDIVを作成します。
  4. メニュー初期化のためのイベントを登録します。

ソースリストの例:

 <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>  

特徴

  • クロスブラウザ。
  • 異なるアニメーションオプション。
  • 網膜準備。 メニューは、スケーラブルベクターイメージです。
  • 完全にカスタマイズ可能なメニューデザイン。
  • バックグラウンドは、JPG或いはPNG画像で充填することができます。
  • あなたは、メニュー項目としてPNG画像を使用することができます。

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成:
10月9日11

最終更新:
1月26日14

高解像度:
はい

推奨ブラウザ:
IE6、IE7、IE8、IE9、IE10、IE11は、Firefox、Safariの、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS

ソフトウェアバージョン:
その他

キーワード

eコマース, eコマース, 全商品, アニメーションラウンドメニュー, サークルメニュー, 画像メニュー, JavaScriptのメニュー, ラウンドメニュー, 社会的なメニュー, SVGメニュー, VMLメニュー