• HTMLドラッグ&ドロップコード

    vueをベースとした この機能のコアとなるアイデアは、JavaScript コードによってページ上のノードの左と上のマージンを制御することであり、異なるスタイルのポジショニングのための異なるソリューションが存在する このソリューションでは import turtle as T import random import time # Draw the trunk of the ch

    2022-01-21 02:45:02
  • [CSSチュートリアル】CSS3Animationで実現する簡単な指のクリックアニメーションの例

    今回は、CSS3 Animationで簡単な指のクリックアニメーションを作成した例を、以下のように共有で紹介します。 レンダリング <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport"

    2022-01-21 02:39:59
  • html ページの文字セットを指定する2つの方法

    1. htmlでページの文字コードを指定する2つの方法   方法1 <div style="position: relative;"> <div> <a>font</a> </div> <div style="position:absolute;right:0px;">

    2022-01-21 02:34:09
  • フロントエンドページのポップアップマスクは、ページのスクロールを無効にします。

    フロントエンド開発者がよく遭遇する問題として、ユーザーに情報を促すポップアップボックスの作成があります。このとき、グレーのマスクレイヤーがページのコンテンツをブロックし、ページ全体がマスクレイヤーに覆われてクリックやスクロールができない状態になることがよくあります。 オプション1:コントロールオーバーフローでスクロールを無効化(iosは非対応) PCでこの効果を出すの

    2022-01-21 02:33:12
  • HTMLで入力ボックスを純粋な数値に制限する

    制限する input 入力ボックスには純粋な数字しか入力できません。 1. onkeyup = "value=value.replace(/[^\d]/g,'')" 使用方法 onkeyup イベントには bug 中国語入力メソッドで文字を入力する場合、文字 2. onchange = "value=value.replace(/[^\d]/g,'')

    2022-01-21 02:13:18
  • [CSSチュートリアル]cssのbackgroundとborderタグの例 詳細

     I. cssの背景タグ 1, 背景色を設定する back-ground-color属性は、要素の背景色を指定します。 小さな例を次の画像に示します。 実行結果は以下の通りです。 セレクタでタグごとに異なる色を設定することができ、h1、div、pタグは異なる背景色になります。 例 実行結果は次の画像のようになります。

    2022-01-21 01:59:42
  • HTMLテーブルのテーブル分割とマージ(colspan, rowspan)

    コードデモ 水平マージ。 <!DOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" co

    2022-01-21 01:59:16
  • Html5による大画面データビジュアライゼーション開発の実装

    プロジェクトは、カンバンボードでデータ表示を行う必要があり、最初のタスクは、これは難しいことではないと思う受信し、美しいWebブラウザのフルスクリーンを行うことができます。しかし、それを行う過程で、私は問題に遭遇した。 まず:ブラウザは、水平および垂直スクロールバーを持つことができない、とマウスのスクロール処理はありません。 第二に:画面のサイズのすべての種類は、9ギガのスプライシン

    2022-01-21 01:33:18
  • HTML+Css+transformを使った3Dナビゲーションバーのサンプルコード

    3Dはthree-dimensionalの略で、立体的なグラフィックスという意味です。コンピュータで3Dグラフィックスを表示するということは、平面で3Dグラフィックスを表示するということです。現実世界と違って、本当の3次元空間は、現実の距離空間があります。コンピューターは現実の世界にしか見えないので、コンピューターで表示する3Dグラフィックスは、人間の目で見て本物に見えるようにすることなのです。

    2022-01-21 01:28:40
  • HTMLファイルに外部CSSファイルを導入する際のパスのまとめ

    I. 外部CSSファイル導入のための基本スタイル 通常2つの属性を書くところを、< link>タグで外部スタイルシートを導入する。 href属性はcssファイルへのパスを示します。 rel="stylesheet"は、現在のページとhrefで指定された文書との関係を記述しています。つまり、hrefでリンクされている文書は新しいスタイルシートです SELEC

    2022-01-21 01:10:31
  • HTMLページを縮小した後にスクロールバーを表示するサンプルコード

    ここでは、縮小されたHTMLページの下部にスクロールバーを表示させ、縮小されたインターフェイスによって隠された領域をスクロールできるようにする方法を説明します。 こうすることで得られるメリットについて、ひとこと。 まず、一般的にスクロールバーなしでインターフェイスを縮小すると、ユーザーは隠れた領域にアクセスできず、そのためにはインターフェイスを大きくする必要があります。 次に、

    2022-01-21 01:03:49
  • フォームのチェックボックスとラジオのテキストアライメントコード

    type="radio" と type="checkbox" のような整列の問題、テストブラウザ:ie7+/firefox8.0 原理:font-family の最初のフォントを Verdana に設定する。 テストコードは以下の通りです。 コピーコード コードは以下の通りです。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1

    2022-01-16 21:42:24
  • HTMLタグのオーバーフロー処理は

    CSSでスクロールバーを変更する 1. オーバーフローコンテンツのオーバーフロー時の設定 overflow-x 水平方向のコンテンツのオーバーフローに関する設定 overflow-y 垂直方向のコンテンツのオーバーフローに関する設定 上記3つのプロパティには、visible(デフォルト)、scroll、hidden、autoの値が設定されています。 2. scrollbar-3

    2022-01-16 21:39:14
  • HTML 相対パス・絶対パス徹底理解講座

    javaのWeb開発も1年以上、どうしてもhtmlやjspページなどを書かなければならず、Webアプリケーションは、そのハイパーリンク(ハイパーリンク)、例えば、ページ内のページb(つまり、URI)にリンクアドレスを保存するには強力ですが、問題はまさにここで、どのように正しくファイルを参照することである。例えば、HTMLページ内でハイパーリンクとして他のHTMLページを参照するにはどうすればよいの

    2022-01-16 19:59:42
  • htmlフォームの「参照」ボタンをファイルアップロードに変更する方法

    コピーコード コードは以下の通りです。 <!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-

    2022-01-16 19:47:04
  • htmlと埋め込みFlashの両方にスクロールバーがある場合の解析と対処法

    開発業務では、このような状況によく遭遇します。 A.swfがウェブページに追加され、a.swfとhtmlページの両方にスクロールバーがある。プロジェクトマネージャーはBTから、a.swfのマウスがスクロールしたときにhtmlページがスクロールしないように処理すること、またはその逆を行うことを要求されています! どうすればいいのでしょうか? 方法1 : 1. a.swfのスクロール

    2022-01-16 19:44:24
  • this.parentNode.parentNode(親ノードの親ノード)とは何ですか?

    親ノードの親は、例えば、次のような段落です。 HTMLで コピーコード コードは以下の通りです。 <form id="form"> <div id="divA"> <div id="divB"> <input type="button" value="delete" onClick="deleteMe(this.pare

    2022-01-16 18:15:42
  • HTML theadタグの定義と使い方の詳細

    コピーコード コードは以下の通りです。 <thehead> <! -Take the first two lines as the head area -> <tr> <td rowspan="2″></td> <td rowspan="2″></td> <td rows

    2022-01-16 17:49:19
  • 各ブラウザのhrタグに関する注意点

    一般にはほとんど目にすることのない人事ですが、ひとたび目にすれば、生死を左右することもあります。ここでは、写真を添付する代わりに、参考までに列挙しておこう。 <テーブル 通常ブラウザ IE6、7 ファイアフォックス 実際の高さ 高さ + 右の枠線幅 + 左の枠線幅 高さ 高さ 背景色 背景色 backgroun

    2022-01-16 17:37:21
  • htmlのmarquee属性でテキストを踊らせる

    構文: <marquee> ...</marquee>   移動属性マーキーを使って、テキストの周りを踊るだけでなく、画像やテーブルなどにも適用することができます。   <marquee direction=left> KXYラーニングチャンネルへようこそ! </marquee>   direction=leftで方向を指定します。上のテキ

    2022-01-16 17:33:09