ホーム> Web デザインのチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
Web デザインのチュートリアル
  • jsの2つの継承方法を詳しく解説

    jsの2つの継承方法を詳しく解説

    js での継承は、オブジェクト偽装とプロトタイプ チェーン メソッドの 2 種類に分けられます。 1. オブジェクト偽装には、一時属性メソッド、call() メソッド、および apply() メソッドの 3 つのタイプがあります。 1. 一時属性メソッド 以下のコード コードをコピーします。 (名前) {this.name = 名前;this.say
    2025-02-01
  • 右クリックメニューと左クリックスワイプ機能をブロックするHTMLの例

    右クリックメニューと左クリックスワイプ機能をブロックするHTMLの例

    右クリックメニューを無効にする<body oncontextmenu=self.event.returnValue=false>左クリックによるコピーを無効にします。CSS を使用してテキストを選択できるかどうかを制御します。選択を解除します。
    2025-02-01
  • sessionStorage を使用してページ値を転送する HTML5 メソッド

    sessionStorage を使用してページ値を転送する HTML5 メソッド

    HTML5 が提供するローカル ストレージ機能を使用すると、Web アプリケーションはユーザーのローカル ブラウザーにデータを保存できます。 HTML5 では、サーバー要求ごとにデータが渡されるわけではなく、要求された場合にのみデータが使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できます。クライアント側で保存するには次の 2 つの方法があります。1.
    2025-02-01
  • JS連続上スクロールエフェクトコード

    JS連続上スクロールエフェクトコード

    次のようにコードをコピーします。 <div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
    2025-02-01
  • FireBug デバッグ JS 入門チュートリアル JS をデバッグする方法

    FireBug デバッグ JS 入門チュートリアル JS をデバッグする方法

    言うまでもなく、インストールはFireFoxのプラグインライブラリからFireBugを見つけるだけでOKです。下の図は FireBug デバッグ ウィンドウです。 FireBug はアーティストによってよく使用されており、会社のアーティスト姉妹は FireBug に非常に熟練しており、私たち開発者は主に JS のデバッグに使用しています。公式を見てみろよ
    2025-02-01
  • Canvasを使用した回転太極拳の作成例

    Canvasを使用した回転太極拳の作成例

    はじめに 長い間キャンバスに触れていなかったので、今日の午後、突然回転太極拳を書きました。笑、それを書いているプロセスをここで紹介します。 Canvas 自体を使用しない CSS はい、大手が文句を言わないことを願っています。 cssbody{ 背景: #d
    2025-02-01
  • HTML5のビデオタグには、MP4が再生できない問題があります(マルチピクチャ)

    HTML5のビデオタグには、MP4が再生できない問題があります(マルチピクチャ)

    これで、Webページのアプリケーションは非常に広くなっています。 1.まず、IE10とGoogleを正常に再生できます。次に、フォーマットを工場に使用して、RMVBファイルをMP4として変換し、次に使用しました。
    2025-02-01
  • Canvasを使用した画像圧縮のサンプルコード

    Canvasを使用した画像圧縮のサンプルコード

    プロジェクトでIDカード認識を行う際、画像をbase64形式でエンコードして送信する必要があるのですが、携帯電話で撮った写真が大きすぎてbase64に変換するのは大変なので解決策を探しました。関係する知識ポイントは、onchange イベントがファイルのアップロード後に発生し、アップロードされたファイル オブジェクトを取得するために files 属性の使用をトリガーすることです。
    2025-02-01
  • HTML5新コントロール日時選択入力実装コード

    HTML5新コントロール日時選択入力実装コード

    HTML5 では、いくつかの新しい日付関連のコントロールが定義されています。日付コントロールをサポートするブラウザでは、ユーザーが選択できる便利なドロップダウン カレンダーが提供されます。注: 現在、ドロップダウン カレンダーのサポートを提供しているのは Chrome と Opera だけです。他のブラウザーは依然として通常のテキスト ボックスです。 1. 日付コントロール - 日付
    2025-02-01
  • JSエクスポートTXTサンプルコード

    JSエクスポートTXTサンプルコード

    次のようにコードコードをコピーします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2025-02-01
  • フローティング div のアダプティブ センター表示用の JS コード

    フローティング div のアダプティブ センター表示用の JS コード

    divがフローティングでブラウザウィンドウが変化する場合、中央に表示することはできません(通常、フローティングでは左右の値が設定されるため)最初にjqueryを使用して、ブラウザとして変化する周辺divの幅を取得できます。変更 (さらにイベントをリッスン) して、div の幅を取得します。 例: コードをコピーします。 コードは次のとおりです。
    2025-02-01
  • HTMLでのアンカーポイントの使用

    HTMLでのアンカーポイントの使用

    次に、アンカーポイントを制御するいくつかの状況を要約します:1。同じページで<a name=add></a><!-- 定义锚点 --><a href=#add>ジャンプして2を追加します</a>。異なるページで、アンカーポイントはA.htmlに配置され、別のページのリンクからこのアンカーポイントへのジャンプジャンプ<a
    2025-02-01
  • LocalStorageおよびSessionStorageユーザーレコード(推奨)

    LocalStorageおよびSessionStorageユーザーレコード(推奨)

    WebストレージのLocastorageとSessionStorageの使用法を読むことで、神の神々は裁判のためにそれを試み、ここに覚書を残しました。プロジェクトでは、ストレージを何度も使用する場合は、多くのデータを保存する必要があり、それを関数にカプセル化する必要があります。(この関数は、オリジナルの侵害がある場合、未知の神によって書かれています。
    2025-02-01
  • HTML5 の垂直方向中央揃えソリューションの詳細な説明

    HTML5 の垂直方向中央揃えソリューションの詳細な説明

    CSS では、margin: 0 auto; を使用して水平方向の中央揃えを実現できますが、margin: auto 0 では垂直方向の中央揃えを実現できません。ここでの主な理由は、親コントロール、つまりコントロール自体が正しく配置されていないことです。コードを直接見ると、まず親コントロールに相対レイアウトを使用する必要があります。
    2025-02-01
  • JS の変数とスコープ、未定義と null についての深い理解

    JS の変数とスコープ、未定義と null についての深い理解

    1.JavaScriptの変数スコープ JavaScriptでは変数は主にローカル変数とグローバル変数の2種類に分けられ、対応するスコープもローカルスコープとグローバルスコープとなります。 1 ローカル変数とスコープ ローカル変数は通常、関数本体内で宣言され、使用されます。 function func(){ var i=12
    2025-02-01