HTML コマンドラインインターフェースの実装
|
HTML部分 コードをコピー コードは次のとおりです。<!DOCTYPE html> <ヘッド> <メタ文字セット="utf-8" /> <title>WeChat マネージャー</title> <link href="css/index.css" rel="スタイルシート" type="text/css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"> </スクリプト> <スクリプト> $(ドキュメント).ready(関数(){ $(ドキュメント).keyup(関数(イベント){ イベントキーコード == 13 の場合 $.ajax({ タイプ: "POST", URL: "ok.php", データ: "code="+$("#in").val(), 成功: function(msg){ $("ul").append("<li>"+$("#in").val()+"</li>"); // 入力をインターフェースに出力します $("ul").append("<li>"+msg+"</li>"); //戻り値と出力を取得します $("#in").val(""); //入力ボックスをクリア $("#text").scrollTop($("#text").scrollTop()+32); //バーを一番下までスクロールして入力ボックスを表示します } }); } }); $("#in")[0].focus(); }); </スクリプト> </head> <本文> <div class="window"> <div class="title"> <img src="css/1.jpg"> <span>Wechat の注意事項</span> </div> <div id="テキスト"> <ul> <li>ようこそ...</li> <li>ログイン:</li> </ul> <input type="text" name="" id='in'> </div> </div> </本文> </html> CSS部分 コードをコピー コードは次のとおりです。@文字セット "utf-8"; 体 { 背景色:#396DA5; マージン:0px; パディング:0px; 色:#fff; フォント:"Microsoft YaHei"; フォントサイズ:14px;} .ウィンドウ{ border:6px #ccc アウトセット; 幅:680ピクセル; 高さ:442px; 背景色:#000; 位置:絶対; 上:40px; 左:68px; オーバーフロー:非表示} 。タイトル { 背景色:#08246B; パディング:2px;} ＃文章 { 背景色:#000; 上境界線:#ccc アウトセット 2px; 高さ:420px; オーバーフロー-y:スクロール;} ul { マージン:0px; パディング:0px; リストスタイル:なし;} 入力{ 背景色:#000; 境界線:0; 色:#fff; アウトライン:なし; /*フォントサイズ:12px;*/ 幅:100%} 効果画像:  |
推薦する
Docker を使用してフロントエンド アプリケーションをデプロイする方法
Dockerはますます普及しています。環境を軽量かつ柔軟に分離し、容量を拡張し、運用保守管理を容易に...
innodb_flush_method 値メソッド (例の説明)
innodb_flush_methodのいくつかの典型的な値 fsync: InnoDB は fs...
LeetCode の SQL 実装 (177. 給与が N 番目に高い)
[LeetCode] 177. 最も高い給与従業員テーブルからn番目に高い給与を取得する SQL ...
Dockerコンテナは定期的にデータベースをバックアップし、指定されたメールボックスに送信します（設計アイデア）
目次1. 背景: 2. デザインのアイデア: 3. 起動スクリプトを書く4. イメージを構築する5....
ウェブページのフラッシュアニメーションが表示されない問題の解決策
<br />解決手順は次のとおりです。スタート -> 実行 -> reged...
Linux で Golang をインストールする方法
Go は、シンプルで信頼性が高く、効率的なソフトウェアを簡単に構築できるオープンソース プログラミン...
Vue+Element UI でサマリーポップアップウィンドウを実装するプロセス全体
シナリオ: 検査文書には n 個の検査詳細があり、検査詳細には n 個の検査項目があります。実装効果...
MySQLは挿入を使用して複数のレコードを挿入し、データを一括で追加します。
table1 に 5 つのレコードを挿入する場合、次のコードは誤りです。 テーブル1に(id,na...
MySQL トランザクション自動コミット自動コミット操作
MySQL のデフォルトの動作モードは自動コミット モードです。つまり、明示的にトランザクションを開...
Linux DockerでSpringbootプロジェクトを実行するための詳細な手順
導入： springboot プロジェクトを実行する Docker の構成は実は非常にシンプルで、L...
LinuxテキストエディタVimの詳しい説明
Vim は強力なフルスクリーン テキスト エディターであり、Linux/UNIX で最も一般的に使用...
Docker で FastDFS ファイル システムを構築する (マルチイメージ チュートリアル)
目次FastDFSについて1. 画像を検索する2. イメージをインストールする3.1. 必要なディレ...
Dockerイメージをプライベートリポジトリにアップロードする方法の例
イメージは、GitHub と同様に Docker パブリック リポジトリに直接簡単にプッシュできます...
MySQL の行レベルロックの詳細な例
序文ロックは、複数のスレッドを実行するときにリソースへのアクセスを強制的に制限するために使用される同...
Django+Mysql+Redis+Gunicorn+NginxのDockerデプロイメントの実装
I. はじめにDockerテクノロジーは現在非常に人気があります。コンテナを介してプロジェクト環境を...