問題タブ [sliding]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - JQueryでスライディングトグルサブメニューを作成しようとしています
JQueryトグルを使用してスライディングサブメニューを作成しようとしています。私は以下を試しましたが、役に立ちませんでした:
<script>
$(".menu li a").click(function(){
var ul = $(this).children("ul");
if (ul.is(":none")) {
ul.slideDown();
} else {
ul.slideUp();
}
});
</script>
そしてまた
<script>
$("ul li.menu-item a").click(function() {
$(this).children("ul").toggle();
});
</script>
適用されるHTMLコードは次のとおりです。
android - コンテンツをスライド ドロワーに動的に追加すると NullPointerException がスローされる
コード:
スライド ドロワーにコンテンツを動的に追加しようとしてきましたが、NullPointerException
.
jquery - jQuery スライド コンテンツとナビゲーションのアクティブ状態
クリックしたリンクに基づいてコンテンツをスライドさせるこのjQueryコードがあり、リンクのホバー効果もあります。
そして、これがHTMLです
私の質問は、リンクをクリックしたときにリンクにアクティブな状態を追加し、もう一度クリックするとリンクが消える方法です。そして、別のリンクをクリックすると、アクティブ状態が切り替わりました。
また、パディングが 50px に下がらず、60px のままになるように、アクティブなリンクのアニメーションを防止する必要があります。
どんな助けでも大歓迎です!
css - スライド ドア ナビゲーション バーの CSS アクティブ
タブにカーソルを合わせると変更されてうまく機能するCSSスライドドアナビゲーションメニューを構築してきましたが、リンクがアクティブなときに変更したいのですが、アクティブなルールが機能しないようです私のCSS。誰かが解決策について何か提案があれば、私はそれを大いに感謝します!
これはCSSコードです:
jquery - HTML5/jQuery - 縦方向のページ スライド
上部にいくつかのリンクがある Web サイトを見たことがあります。最初のリンクの例をクリックすると、ページ上でクリックした ID (#) まで下にスクロールされます (jQuery のスクロール ダウン効果)。(リンク付きのメニューはあなたに従っています)。その後、別のリンクをクリックすると、ページのさらに下に移動します。
この手法の名前を見つけることができません。縦方向のページのスライドに関する検索では、期待したものは返されませんでした。
Tumblr.com にはこのようなものがありますが、私が探しているものとはまったく異なります。 http://www.w3.org/html/logoにもこのようなものがあります。ここで欠けているのは、ページがスクロールしているときに下に続くメニューだけです。
誰かがこれに光を当てるのを手伝ってくれますか? または、いくつかの例を教えてください。
前もって感謝します!
jquery - jQueryスライディングメニューでdivをクリック可能にする方法
jQueryで作成したスライド式のdivメニューがありますが、スライドさせるには、Div内のリンクをクリックする必要があります。div ITSELFをクリック可能にする方法を教えてもらえますか?
ここでメニューとコードを見ることができます:http://jsfiddle.net/WhfDc/
CSSを使用してアンカーがdiv全体をカバーするようにしようとしましたが、時々機能します。これが正しいかどうかについて何か考えはありますか?
jquery - JQuery スライド パネル - クリックしてもボタンが非表示にならず、ロード時にパネルが開く。
スライドパネルを適切に機能させる方法を理解しようとしています。パネルのスライド部分は問題なく動作していますが、私の問題は次のとおりです。
- パネルはロード時に展開されます。
- 閉じる/開くと想定されるボタン (2 つの異なるボタン) は、クリックされた後に自己非表示になりません。
したがって、基本的に私が達成しようとしているのは次のとおりです。
- ウェブページを開きます。
- 「開く」ボタンをクリック→「開く」ボタンが消える
- 「閉じる」ボタンが出現
- パネルが滑り落ちる。
私が持っているのは:
Web ページを開く -> パネルは既に拡張されています。
「開く」ボタンをクリックします。
何も起こりません。
閉じるボタンは表示されず、パネルはそのままです。これが私のコーディングです:
HTML コード:
JQuery:
あらゆる種類の助けをいただければ幸いです。ありがとうございました。
jquery - jqueryでページ遷移をスライドさせる
私は、いくつかのクライアントの作業を全画面スタイルのページで表示する単純なプロジェクトに取り組んでいます。リンクをクリックすると、プロジェクトが読み込まれ、幅と高さが 100% で表示されます。ページに前のプロジェクトと次のプロジェクトへのリンクがありますが、「次へ」ボタンをクリックするとコンテンツが左にスライドし、「前」ボタンをクリックすると右にスライドする必要があります。トランジションが機能し、正しい方向にアニメーション化されていますが、jquery ajax を介して新しいコンテンツ (次または前のプロジェクト) をロードする方法がわかりません。私の考えでは、画面の左右に「プレースホルダー」コンテナーを作成し、コンテンツをそれらにロードして、左右からスライドインすることでしたが、それは少し不格好に感じます。これを処理する方法について何か提案はありますか?
c# - WPF スライディング ウィンドウ
WPF の「スライディング ウィンドウ」の正しい定義を知っている人はいますか? 私が念頭に置いているのは、Visual Studio の「保留中の変更」または「コール スタック」ウィンドウのようなものです。クリックすると上にスライドし、マウスを離すと再び下にスライドします。
これを行う方法を調査するのに時間を費やして喜んでいますが、この機能が正確に何と呼ばれているのかわからないため、どこから始めればよいかわかりません.
コメントをお待ちしております。
ありがとう
xcode - Xcode のようなナビゲーション ペイン/ドロワー
XCode の GUI 自体にあるスライディング ドロワー メニューを開発するために、Apple が何を使用したのか疑問に思っていました。たとえば、デバッグ、ナビゲーション、およびユーティリティ領域を切り替えることができます。
確かに、(高価な) 表示/非表示アニメーションを作成するために、コードでビューのサイズを簡単に変更および移動できました。ビューの 1 つの非表示機能を備えた iPad の SplitViewController のようなもの。私のターゲット アプリケーションは OS X 用です。
ソリューション付きの同様のトピックですが、同じ概念について話している かどうかはわかりません:メインのAndroidメニューのスライドメニューのように、xcode iphoneでスライドメニューを作成するにはどうすればよいですか?
PS フローティング/ドッキング可能なメニュー (フォトショップ、ビジュアル スタジオなど) も楽しみです。