コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryバージョンの模倣パスメニューeffect_jquery

jQueryバージョンの模倣パスメニューeffect_jquery

WBOY
リリース： 2016-05-16 17:58:33
オリジナル
1236 人が閲覧しました

使用法:
1. jquery.1.7.1、jQueryRotateCompressed.2.1.js (回転プラグイン)、jquery.path.1.0.js (自作のパス プラグイン) を順番に参照
2.ページ要素は次のとおりです。 形式

コードをコピー コードは次のとおりです:


クリックしてください

;div>


🎜>最も外側のレイヤーは、親が div をラップしており、内側の最初の div はクリックする必要がある要素で、残りはパス メニュー要素です
3. ほんの短いコード



コードをコピー
コードは次のとおりです: $(document).ready(function (){ $( '#content').path({ 半径: 100, //半径
ラジアン: 90, //ラジアン
期間: 200//アニメーション時間
}); ;


4.お楽しみください!
添付
プラグインのダウンロード
jQueryRotateCompressed.2.1.js (回転プラグイン)
jquery.path.1.0.js (パスプラグイン)

Script House パッケージのダウンロード
関連ラベル：
Path菜单
ソース：php.cn
前の記事：js_javascript スキルにおける document.getElementByid、document.all、document.layers の区別の概要 次の記事：EasyUIのtreegridのcomponent_jqueryでデータを動的にロードする問題の解決策
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか? ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しよ...
から 2024-04-06 19:23:03
0
1
411
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
ナビゲーションバーの中央のドロップダウンメニュー このCSS/HTMLを作りました。 .navbar{幅:100%;背景色:rgb(151,44,44);オーバーフロー:自動;}.navbara{border-right:1pxs...
から 2024-04-04 18:24:52
0
1
338
特定のメニュー項目にマウスオーバーしても、非表示のサブメニューが表示されない メニュー項目を呼び出すことができるように、メニュー項目用にいくつかのクラスを作成しました。 .dropdownBox{display:none;}.dropdownli:hover...
から 2024-04-04 14:39:08
0
1
359
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート