ホームページ ウェブフロントエンド jsチュートリアル JS に関するサンプルコードを共有する

JS に関するサンプルコードを共有する

Jun 26, 2017 pm 03:16 PM
javascript コード 手術 勉強







<script><br>window.onload=function(){<br> var td1=document.getElementById("td");<br> var dv0=document.getElementById("dva ");<br> var dv1=document.getElementById("dvv");<br> var dv2=document.getElementById("dve");<br> var color1=document.getElementById("c1");<br> var color2=document.getElementById( "c2");<br> var color3=document.getElementById("c3");<br> var width1=document.getElementById("w1");<br> var width2=document.getElementById("w2");<br> var width3=ドキュメント。 getElementById("w3");<br> var height1=document.getElementById("h1");<br> var height2=document.getElementById("h2");<br> var height3=document.getElementById("h3");<br> var re= document.getElementById("recover");<br> var su=document.getElementById("sure");<br><br> td1.onclick=function(){<br> dv2.style.display='block';<br> dv0.style.background= '#999999';<br> }<br><br> color1.onclick=function(){<br> dv1.style.background='#F00';<br> }<br> color1.onmouseover=function(){<br> color1.style .background='#F00 ';<br> }<br> color1.onmouseout=function(){<br> color1.style.background='#99CC66';<br> }<br><br> color2.onclick=function(){<br> dv1.style.background='# FF0';<br> }<br> color2.onmouseover=function(){<br> color2.style.background='#FF0';<br> }<br> color2.onmouseout=function(){<br> color2.style.background='#CCCC00';<br> } <br><br> 色3 .onclick=function(){<br> dv1.style.background='#00F';<br> }<br> color3.onmouseover=function(){<br> color3.style.background='#00F';<br> }<br>使用量=関数(){<br> color3.style.background='#3399CC';<br> }<br><br> width1.onclick=function(){<br> dv1.style.width='200px';<br> }<br> width1.onmouseover=関数(){<br> width1.style.background='#F90';<br> }<br> width1.onmouseout=function(){<br> width1.style.background='#CCC';<br> }<br><br> width2.onclick=function(){<br> dv 1.スタイル.width='300px';<br> }<br> width2.onmouseover=function(){<br> width2.style.background='#F90';<br> }<br> width2.onmouseout=function(){<br> width2.style.background ='# CCC';<br> }<br><br> width3.onclick=function(){<br> dv1.style.width='400px';<br> }<br>    width3.onmouseover=function(){<br>        width3.style.background='#F90';<br>        }<br>    width3.onmouseout=function(){<br>        width3.style.background='#CCC';<br>        }<br><br>    height1.onclick=function(){<br>        dv1.style.height='200px';<br>        }<br>    height1.onmouseover=function(){<br>        height1.style.background='#F90';<br>        }<br>    height1.onmouseout=function(){<br>        height1.style.background='#CCC';<br>        }<br><br>    height2.onclick=function(){<br>        dv1.style.height='300px';<br>        }<br>    height2.onmouseover=function(){<br>        height2.style.background='#F90';<br>        }<br>    height2.onmouseout=function(){<br>        height2.style.background='#CCC';<br>        }<br><br>    height3.onclick=function(){<br>        dv1.style.height='400px';<br>        }<br>    height3.onmouseover=function(){<br>        height3.style.background='#F90';<br>        }<br>    height3.onmouseout=function(){<br>        height3.style.background='#CCC';<br>        }<br><br>    re.onclick=function(){<br>        dv1.style.width='150px';<br>        dv1.style.height='150px';<br>        dv1.style.background='none';<br>        }<br><br>    su.onclick=function(){<br>        dv2.style.display='none';<br>        dv0.style.background='none';<br>        }<br>    }<br></script>



   
       
       
       
       
   

       请为下面的DIV设置样式:
       

       点击设置
       

   

   





< ;td id="c1" class="td3" bgcolor="#99CC66">红












请选择背景色: 黄< ;/td>
请选择宽(px): 200 300
400
请选择高(px): 200 300 400



< td id="recover" class="td5">恢复


< /table>



以上がJS に関するサンプルコードを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

ブルースクリーンコード0x0000001が発生した場合の対処方法 ブルースクリーンコード0x0000001が発生した場合の対処方法 Feb 23, 2024 am 08:09 AM

ブルー スクリーン コード 0x0000001 の対処法。ブルー スクリーン エラーは、コンピューター システムまたはハードウェアに問題がある場合の警告メカニズムです。コード 0x0000001 は、通常、ハードウェアまたはドライバーの障害を示します。ユーザーは、コンピュータの使用中に突然ブルー スクリーン エラーに遭遇すると、パニックになり途方に暮れるかもしれません。幸いなことに、ほとんどのブルー スクリーン エラーは、いくつかの簡単な手順でトラブルシューティングして対処できます。この記事では、ブルー スクリーン エラー コード 0x0000001 を解決するいくつかの方法を読者に紹介します。まず、ブルー スクリーン エラーが発生した場合は、再起動を試みることができます。

あらゆるデバイス上の GE ユニバーサル リモート コード プログラム あらゆるデバイス上の GE ユニバーサル リモート コード プログラム Mar 02, 2024 pm 01:58 PM

デバイスをリモートでプログラムする必要がある場合は、この記事が役に立ちます。あらゆるデバイスをプログラミングするためのトップ GE ユニバーサル リモート コードを共有します。 GE リモコンとは何ですか? GEUniversalRemote は、スマート TV、LG、Vizio、Sony、Blu-ray、DVD、DVR、Roku、AppleTV、ストリーミング メディア プレーヤーなどの複数のデバイスを制御するために使用できるリモコンです。 GEUniversal リモコンには、さまざまな機能を備えたさまざまなモデルがあります。 GEUniversalRemote は最大 4 台のデバイスを制御できます。あらゆるデバイスでプログラムできるトップのユニバーサル リモート コード GE リモコンには、さまざまなデバイスで動作できるようにするコードのセットが付属しています。してもいいです

C言語の魅力に迫る ~プログラマーの可能性を引き出す~ C言語の魅力に迫る ~プログラマーの可能性を引き出す~ Feb 24, 2024 pm 11:21 PM

C言語学習の魅力:プログラマーの可能性を引き出す テクノロジーの発展に伴い、コンピュータプログラミングは大きな注目を集めている分野です。数あるプログラミング言語の中でもC言語は常にプログラマーに愛されています。そのシンプルさ、効率性、幅広い用途により、C 言語の学習は、多くの人にとってプログラミングの分野に入る最初のステップとなっています。この記事では、C言語を学ぶ魅力と、C言語を学ぶことでプログラマーの可能性を引き出す方法について解説します。 C言語学習の魅力は、まずその簡単さにあります。他のプログラミング言語と比較すると、C言語は

Pygame 入門: 包括的なインストールと構成のチュートリアル Pygame 入門: 包括的なインストールと構成のチュートリアル Feb 19, 2024 pm 10:10 PM

Pygame をゼロから学ぶ: 完全なインストールと構成チュートリアル、特定のコード例が必要 はじめに: Pygame は、Python プログラミング言語を使用して開発されたオープン ソースのゲーム開発ライブラリであり、豊富な機能とツールを提供し、開発者はさまざまなタイプのゲームを簡単に作成できますゲームの。この記事は、Pygame をゼロから学習するのに役立ち、完全なインストールと構成のチュートリアルと、すぐに始めるための具体的なコード例を提供します。パート1:最初にPythonとPygameをインストールして、確認してください

Wordでルート番号を入力する方法を一緒に学びましょう Wordでルート番号を入力する方法を一緒に学びましょう Mar 19, 2024 pm 08:52 PM

Word でテキスト コンテンツを編集するときに、数式記号の入力が必要になる場合があります。 Word でルート番号を入力する方法を知らない人もいるので、Xiaomian は私に、Word でルート番号を入力する方法のチュートリアルを友達と共有するように頼みました。それが私の友達に役立つことを願っています。まず、コンピュータで Word ソフトウェアを開き、編集するファイルを開き、ルート記号を挿入する必要がある場所にカーソルを移動します。下の図の例を参照してください。 2. [挿入]を選択し、記号内の[数式]を選択します。下の図の赤丸で示すように: 3. 次に、下の[新しい数式を挿入]を選択します。以下の図の赤丸で示すように: 4. [根号式]を選択し、適切な根号を選択します。下の図の赤丸で示したように、

清華大学と Zhipu AI オープンソース GLM-4: 自然言語処理に新たな革命を起こす 清華大学と Zhipu AI オープンソース GLM-4: 自然言語処理に新たな革命を起こす Jun 12, 2024 pm 08:38 PM

2023 年 3 月 14 日に ChatGLM-6B が発売されて以来、GLM シリーズ モデルは幅広い注目と認知を得てきました。特にChatGLM3-6Bがオープンソース化されてからは、Zhipu AIが投入する第4世代モデルに対する開発者の期待が高まっている。 GLM-4-9B のリリースにより、この期待はついに完全に満たされました。 GLM-4-9B の誕生 小型モデル (10B 以下) により強力な機能を提供するために、GLM 技術チームはこの新しい第 4 世代 GLM シリーズ オープン ソース モデル、GLM-4-9B をほぼ半年の期間を経て発売しました。探検。このモデルは、精度を確保しながらモデルサイズを大幅に圧縮し、推論速度の高速化と効率化を実現しています。 GLM 技術チームの調査はまだ終わっていない

Linux の「.a」ファイルを作成して実行する Linux の「.a」ファイルを作成して実行する Mar 20, 2024 pm 04:46 PM

Linux オペレーティング システムでファイルを操作するには、開発者がファイル、コード、プログラム、スクリプトなどを効率的に作成および実行できるようにするさまざまなコマンドとテクニックを使用する必要があります。 Linux 環境では、拡張子「.a」を持つファイルは静的ライブラリとして非常に重要です。これらのライブラリはソフトウェア開発において重要な役割を果たし、開発者が複数のプログラム間で共通の機能を効率的に管理および共有できるようにします。 Linux 環境で効果的なソフトウェア開発を行うには、「.a」ファイルの作成方法と実行方法を理解することが重要です。この記事では、Linux の「.a」ファイルのインストールと構成方法を包括的に紹介します。Linux の「.a」ファイルの定義、目的、構造、作成および実行方法について見てみましょう。 Lとは何ですか

エージェントを一文で作成!ロビン・リー: 誰もが開発者になる時代が来る エージェントを一文で作成!ロビン・リー: 誰もが開発者になる時代が来る Apr 17, 2024 pm 02:28 PM

すべてを覆す大きなモデルが、ついに編集者の頭にたどり着いた。たった一文でできたエージェントでもあります。このように、彼に記事を与えると、1 秒以内に新鮮なタイトルの候補が出てきます。私と比較すると、この効率は稲妻のように速く、ナマケモノのように遅いとしか言​​いようがありません... さらに驚くべきことに、このエージェントの作成には実際には数分しかかからないということです。プロンプトは江おばさんのものです。そして、この破壊的な感覚も体験したい場合は、百度が立ち上げた新しいウェンシン インテリジェント エージェント プラットフォームに基づいて、誰でも無料で独自のインテリジェント アシスタントを作成できます。検索エンジン、スマート ハードウェア プラットフォーム、音声認識、地図、自動車、その他の Baidu モバイル エコロジー チャネルを使用して、より多くの人があなたの創造性を活用できるようにすることができます。ロビン・リー自身

See all articles
确定