js实现DIV的一些简单控制_javascript技巧
<script> <BR>var d1, d2, d3, w, h; <BR>window.onload = function() { <BR>d1 = document.getElementById('d1'); <BR>d2 = document.getElementById('d2'); <BR>d3 = document.getElementById('d3'); <BR>back(); <BR>w = window.innerWidth; <BR>h = window.innerHeight; <BR>resizeCheck(); <BR>} <BR>function resizeCheck() { <BR>if (w != window.innerWidth || h != window.innerHeight) { <BR>location.replace(location.href); <BR>return; <BR>} <BR>setTimeout("resizeCheck()", 1000); <BR>} <BR>function back() { <BR>divMoveTo(d1,200,50); <BR>divMoveTo(d2,250,75); <BR>divMoveTo(d3,75,75); <BR>divZIndex(d1,1); <BR>divZIndex(d2,2); <BR>divZIndex(d3,3); <BR>divBgColor(d1,'#555'); <BR>divBgColor(d2,'#777'); <BR>divBgColor(d3,'#999'); <BR>divTxtColor(d1,'#fff'); <BR>divTxtColor(d2,'#fff'); <BR>divTxtColor(d3,'#fff'); <BR>divShow(d1); <BR>divShow(d2); <BR>divShow(d3); <BR>} <BR>function color() { <BR>divBgColor(d1,'#f02d2d'); <BR>divBgColor(d2,'#f040d1'); <BR>divBgColor(d3,'#55afe0'); <BR>divTxtColor(d1,'#fff'); <BR>divTxtColor(d2,'#fff'); <BR>divTxtColor(d3,'#fff'); <BR>} <BR>function divMoveTo(d, x, y) { <BR>d.style.pixelLeft = x; <BR>d.style.pixelTop = y; <BR>} <BR>function divMoveBy(d, dx, dy) { <BR>d.style.pixelLeft += dx; <BR>d.style.pixelTop += dy; <BR>} <BR>function divShow(d) { <BR>d.style.visibility = 'visible'; <BR>} <BR>function divHide(d) { <BR>d.style.visibility = 'hidden'; <BR>} <BR>function divSizeTo(d, w, h) { <BR>d.style.pixelWidth = w; <BR>d.style.pixelHeight = h; <BR>} <BR>function divSizeBy(d, dw, dh) { <BR>d.style.pixelWidth += dw; <BR>d.style.pixelHeight += dh; <BR>} <BR>function divZIndex(d, z) { <BR>d.style.zIndex = z; <BR>} <BR>function divBgColor(d, c) { <BR>d.style.background = c; <BR>} <BR>function divTxtColor(d, c) { <BR>d.style.color = c; <BR>} <BR></script>
d1
d2
d2包含d3
d3
d3是d2的子层

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

このチュートリアルでは、Ajaxを介してロードされた動的なページボックスの作成を示しており、フルページのリロードなしでインスタントリフレッシュを可能にします。 JQueryとJavaScriptを活用します。カスタムのFacebookスタイルのコンテンツボックスローダーと考えてください。 重要な概念: ajaxとjquery

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

このJavaScriptライブラリは、Cookieに依存せずにセッションデータを管理するためにWindow.nameプロパティを活用します。 ブラウザ全体でセッション変数を保存および取得するための堅牢なソリューションを提供します。 ライブラリは、セッションの3つのコア方法を提供します

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください
