JavaScript を使用して次の効果を実現する方法_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:24:40
オリジナル
945 人が閲覧しました

詳細: 進むボタンをクリックするとページが進み、戻るボタンをクリックするとページが戻り、中央の小さな青い丸をクリックすると自由に前後に切り替えられます


ディスカッション (解決策) に返信

これは次のようなものですWeb サイトのフォーカス マップには、インターネット上に多くの例があり、次のマップに移動して自分で変更できます。

最初にデフォルトで div を表示し、次にボタンにクリック イベントを追加して、非表示の div を表示してから、元の div を非表示にします。デフォルトで div を作成し、元の位置で非表示にします。 div を非表示にするときにボタンにクリック イベントを追加し、次の div に移動するときに非表示の div を表示し、元の div を非表示にします

簡単な例を書いていただけますか?コードを使用していますか? !

function a() {
document.getElementById("div1").style.display = "ブロック"; document.getElementById("div2").style.display = "none" } 関数 b() { U document.GetelementByid ("DIV1").STYLE.Display = "DIV2"; STYLE.DISPLAY = "div1" & gt; li onclick="a()">



完全に手作りです。 。 。 。 。 。 。 。 。 。



まずデフォルトで div を表示し、次にボタンにクリック イベントを追加して、非表示の div を表示してから元の div を非表示にします。簡単なコード例を書けますか? !
効果は図の通りです。

最初にデフォルトで div を表示し、次に元の位置にある div を非表示にします。次のボタンに移動するときに、クリック イベントを表示します。隠し div を作成し、元の div を非表示にします


コードを使用して簡単な例を書くことができますか? !

効果は写真に示すとおりです。
LZ のソース コードが必要な場合は、Netdisk ブログにメッセージを残すことができます: http://www.ido321.com/message
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート