ホーム> Web デザインのチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
Web デザインのチュートリアル
  • カラフルなリングのカウントダウン効果を実装する SVG サンプル コード

    カラフルなリングのカウントダウン効果を実装する SVG サンプル コード

    リングのカウントダウンはよく見られますが、これを実装する方法はたくさんあります。しかし、この記事では、SVG を使用してカウントダウン機能を実装する新しい実装方法を紹介します。この記事では主に SVG のストローク-ダシャレー機能とストローク-ダシャオフセット機能を使用します。下の図はカウントダウンの実行エフェクトです: SVG カウントダウンの場合
    2025-02-01
  • HTML5 ページの iPhoneX への適応に関する問題

    HTML5 ページの iPhoneX への適応に関する問題

    1. iPhone の概要 サイズの拡大関係を発展させますが、これは単なる外面的な現れです。ダブルグラフコアの影響要因
    2025-02-01
  • HTML5キャンバスに基づく実現ボックス効果

    HTML5キャンバスに基づく実現ボックス効果

    ユーザーマウスが移動すると、この需要は非常に一般的です。これはHTML要素を扱うときは簡単ですが、HTML5キャンバスで構成されるグラフィックスで処理されている場合、キャンバスはキャンバス、キャンバスにどれだけのグラフィックが描かれているかに関係なく、別のメカニズムを使用するため、この方法はもはや適用できません。
    2025-02-01
  • HTML5ではli-canvasを利用することで、単一画像、複数画像、角丸画像描画、単一行テキスト、複数行テキスト等を簡単に実現できます。

    HTML5ではli-canvasを利用することで、単一画像、複数画像、角丸画像描画、単一行テキスト、複数行テキスト等を簡単に実現できます。

    新しく追加された Html5 のキャンバスは、誰もが毎日使用していると思われますが、画像を合成するために使用されることもありますが、コードが非常に重くなります。面倒なため、よく使用されるキャンバス描画、テキスト描画、保存機能がカプセル化されており、今のところすぐにキャンバス描画を完了することができ、非常に満足しています。
    2025-02-01
  • JSの実装は、出生年齢に基づいて計算されます

    JSの実装は、出生年齢に基づいて計算されます

    次のようにコードコードをコピーします。<script language=javascript> function ages(str) { var r = str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/); i
    2025-02-01
  • JSカーソル位置の位置を取得し、テキストボックスカーソル位置コードを設定します

    JSカーソル位置の位置を取得し、テキストボックスカーソル位置コードを設定します

    次のようにコードコードをコピーします。 <script type="text/javascript">function getTxt1CursorPosition(){var oTxt1 = document.getElementById("txt1");var
    2025-02-01
  • HTML5 モバイル ページは右にスライドし、スタイルに影響を与える可能性があります。

    HTML5 モバイル ページは右にスライドし、スタイルに影響を与える可能性があります。

    問題の説明: 書かれた h5 ページが携帯電話上で右にスライドすることがあり、その結果、スタイルの問題が発生することが判明しました ~ 問題のトラブルシューティングの理由 1: 携帯端末への適応がありません。 HTML ヘッダーに次のコンテンツを追加します。
    2025-02-01
  • jsで実装した折りたたみナビゲーションの例

    jsで実装した折りたたみナビゲーションの例

    次のようにコードをコピーします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2025-02-01
  • ミニプログラムのウォーターフォールフローにより、左右の高低差が大きすぎる問題を解決します

    ミニプログラムのウォーターフォールフローにより、左右の高低差が大きすぎる問題を解決します

    ウォーターフォールフローのレイアウト効果を実現し、左から右の順に表示したい場合、CSS レイアウト方法では当面のニーズを満たすことができません。小紅酒の滝の流れの効果を参照してください。小紅酒は左右の列に分かれており、奇数と偶数に応じて表示できます。<view class=waterfall>
    2025-01-31
  • jsタイマーsetTimeoutがローカル変数を呼び出せない解決策

    jsタイマーsetTimeoutがローカル変数を呼び出せない解決策

    JavaScript でのタイマー setTimeout の使用法は、一般に次のとおりです。 beginrotate を呼び出した後、次のコードに示すように、rotateloop を定期的に実行するプロセスに入ります。 コードをコピーすると、コードは次のようになります。
    2025-01-31
  • PhoneGapを使用して、デバイスのいくつかの情報方法を取得する

    PhoneGapを使用して、デバイスのいくつかの情報方法を取得する

    device.name device.phonegapphonegapの名前の名前の名前の名前device.phonegapphonegapバージョンplatform device.uuidデバイスの唯一の識別デバイスによって実行されるオペレーティングシステムの識別番号。
    2025-01-31
  • Javascript は CSS スタイルを変更します (ローカルおよびグローバル)

    Javascript は CSS スタイルを変更します (ローカルおよびグローバル)

    1. スタイルをローカルに変更するには、スタイルを直接変更する、className を変更する、および cssText を変更する 3 つの方法があります。 className を変更します: document.getElementById('obj').className="..." cssText: document を変更します。
    2025-01-31
  • モバイル側での iframe スケーリングのサンプルコード

    モバイル側での iframe スケーリングのサンプルコード

    仕事で奇妙な問題に遭遇しました。長い間苦労しましたが、ついに解決しました。ここに分析のアイデアと解決策を記録します。レスポンシブな企業公式 Web サイトを構築するプロジェクトで、初期段階で静的な画像ページが切り取られた後、テンプレートとして使用するためにバックエンドに送信され、基本的にプロジェクトは終了しました。バックエンドを実装したところ、モバイル端末でのページ表示が正しくなく、非常にぼやけて見えることがわかりました。いいえ。
    2025-01-31
  • HTMLページ内の完全な検索機能

    HTMLページ内の完全な検索機能

    最近、多くの人が修正したフレームワークに取り組んでいて、毎日コードを見るとめまいを感じますが、バックエンドと構成可能なフロントエンドが作成できたことを実感しています。 2 つのライブラリの異なるデータ範囲を確認できました。非常に満足したので、その日はそれを共有するために取り出しました。今日は、ここ数日間取り組んでいた機能について説明します。 htmlページ。この機能は主に以下で実装されています。
    2025-01-31
  • JS実装MAPメソッド例コード

    JS実装MAPメソッド例コード

    コードコードを次のようにコピーします： / ** * *説明：JS * @returns {map} * / function map（）{var struct = function（key、value）{this.key = key;
    2025-01-31
前のページ 545556575859606162次のページ