コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > js は div 切り替え効果を実装します。 以前の next_javascript スキル

js は div 切り替え効果を実装します。 以前の next_javascript スキル

WBOY
リリース： 2016-05-16 17:00:40
オリジナル
1198 人が閲覧しました

JS 部分:

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

//Next div
function next() {
var arr = document.getElementById('tdBjzbsx').getElementsByTagName('div');
for (i = 0; i if ((arr[i].style.display == "block"||arr[i].style.display == "") && i arr[i 1]. style.display = "ブロック";
arr[i].style.display = "none"
}
}
//前の div
関数 top() {
var arr = document.getElementById('tdBjzbsx').getElementsByTagName('div');
for (i = 0; i if ((arr[ i ].style.display == "ブロック"||arr[i].style.display == "") && i arr[i - 1].style.display = "ブロック" ;
arr[i].style.display = "none";
break;
}
}
}

JSP 部分:

コードをコピーします コードは次のとおりです。

🎜>



1


2

3
;









関連ラベル：
切换div
ソース：php.cn
前の記事：Jquery Ajax による XML データの解析 (同期および非同期呼び出し) 単純な example_jquery 次の記事：JQuery とサーブレットを使用してクロスドメイン送信リクエストを実装する例 Sharing_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Android 上の React-Native でステータス更新が機能しない スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2...
から 2024-04-06 16:54:10
0
1
410
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
React でスリーステート スイッチングを実装する最良の方法は? React で、ある状態から次の状態への状態変更をトリガーするボタンをいくつか作成しています。ボタンの中には、列挙型で表される 3 つの状態を持つものもあります。これら 3 つの状...
から 2024-04-06 13:51:32
0
1
418
Vite/Vue 3: 画像ソースをプロップとして使用する場合の「未定義の要件」 VueCLIからViteCLIに、Vue3のCompositionAPIからSFCScriptsetupAPIに切り替えました。公式 VueCLI を使用したときは、次のように p...
から 2024-04-06 09:50:25
0
1
353
チェックボックスが固定されたままでデフォルト値に戻れないのはなぜですか? トグルボタンをクリックした後にページタイトルを変更するためにこの関数を作成しましたが、何らかの理由でクリック後にスタックします。この関数の何が問題なのかはわかりません。Jquery...
から 2024-04-04 00:14:23
0
1
390
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート