シフトカードの場合、1# をダブルクリックして赤くなり、後ろにジャンプすると、他の列のすべての 1# が暗くなります。ダブルクリックして黒にすると、他の列も自動的に黒になります。各数字は従業員を表します。どの環境が導入しやすいでしょうか？
ディスカッションへの返信 (解決策)
あなたの要件は jquery の使用に非常に適しています... Web 開発者にとって、これは dom での操作と呼ばれるはずです
任意の番号がクリックされたとき
最初のステートメント : 現在の1# が赤に変わり、他の 1# が灰色に変わります
2 番目のステートメント: 現在の 1# が 5 番目の列に移動され、その他は前方に埋められます
あなたの dom 構造が分からないので、
$("td").click(function(){ //点某个td时 var con = $(this).text(); //获取点的是哪个 $(this).css("color","red"); //当前的变红, $("td:contains('"+con+"')").not(this).css("color","grey"); //非当前的同内容的变灰 $(this).siblings().last().after($(this).clone()); //当前节点复制到最后 $(this).remove(); //当前节点删除}); を想定します すごいですね... あなたの代わりにテストすることはできません
あなたのニーズは jquery の使用に非常に適しています... Web 開発者にとっては、それは操作と呼ぶべきです。ドム上
クリック時 任意の数字を使用した場合
最初のステートメント: 現在の 1# が赤に変わり、他の 1# が灰色に変わります
2 番目のステートメント: 現在の 1# が 5 列目と他の 1# に移動します
あなたの dom 構造が分からないので、夜に
$("td").click(function(){ //点某个td时 var con = $(this).text(); //获取点的是哪个 $(this).css("color","red"); //当前的变红, $("td:contains('"+con+"')").not(this).css("color","grey"); //非当前的同内容的变灰 $(this).siblings().last().after($(this).clone()); //当前节点复制到最后 $(this).remove(); //当前节点删除}); がすごいと思います... テストすることはできません 一般的な考えは、それが起こるべきではないということです。難しいですね
ありがとうございます！作ってもらえますか？
各番号は DIV として使用されます。同じ番号を持つ DIV は同じクラスに割り当てられます。このクラスは灰色になり、このキルトに個別に割り当てられます。ダブルクリックした DIV に赤色を追加するだけです
移動効果は、DIV の幅は同じなので、左への距離を変更するだけです。直接
ダブルクリック後、同じ名前を持つ他のすべてのDIVがこのクラスはグレーになり、ダブルクリックしたDIVのみに赤色を割り当てます
移動効果に関しては、DIVの幅は同じなので、左への距離を変更するだけです
それはできません。もう！ウェブサイトを構築するだけです！正直に言うと、大量の学習教材をダウンロードして、ソース コードの書き方を習得したのは 1 週間も経たないうちでした。私が学ぶために直接作成してもらえますか?
http://www.colg.biz/demo/d2.html
ニーズに応じて
1# をダブルクリックすると、赤になってジャンプします。その後、他の列の 1# がすべて暗くなります。ダブルクリックして黒にすると、他の列も自動的に黒になります。
すべてのコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta charset="utf-8"><title> test</title><style></style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script language="javascript">$(document).ready(function(){ $("td").live("dblclick",function(){ //点某个td时 var con = $(this).text(); //获取点的是哪个 if($(this).hasClass("red")){ $(this).css("color","black").removeClass("red"); //当前的变红, $("td:contains('"+con+"')").not(this).css("color","black").removeClass("red"); //非当前的同内容的变灰 }else{ $(this).css("color","red").addClass("red"); //当前的变红, $("td:contains('"+con+"')").not(this).css("color","grey").removeClass("red"); //非当前的同内容的变灰 $(this).siblings().last().after($(this).clone()); //当前节点复制到最后 $(this).remove(); //当前节点删除 } });});</script></head><body>给CSDN http://bbs.csdn.net/topics/390536589 做的demo<table border=1 width=400> <th> <td colspan="6">工作流水</td> </th> <tr> <td>项目1</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr> <tr> <td>项目2</td> <td>1#</td> <td>2#</td> <td>3#</td> <td></td> <td></td> <tr> <tr> <td>项目3</td> <td>1#</td> <td>2#</td> <td></td> <td></td> <td>5#</td> <tr> <tr> <td>项目4</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr> <tr> <td>项目5</td> <td>1#</td> <td>2#</td> <td></td> <td>4#</td> <td></td> <tr> <tr> <td>项目6</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr> <tr> <td>项目7</td> <td>1#</td> <td></td> <td>3#</td> <td></td> <td>5#</td> <tr> <tr> <td>项目8</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr></table></body></html> js で CSS の外観を制御できる場合、この問題は解決できます。
恩 刚才看到你的站内信 给你写了个小demo
http://www.colg.biz/demo/d2.html
按照你的需求来的
当1#双击变红跳到后面的时候，其它列的1#全部变暗下来！再双击变黑后其它的列也自动变黑！
全部代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta charset="utf-8"><title> test</title><style></style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script language="javascript">$(document).ready(function(){ $("td").live("dblclick",function(){ //点某个td时 var con = $(this).text(); //获取点的是哪个 if($(this).hasClass("red")){ $(this).css("color","black").removeClass("red"); //当前的变红, $("td:contains('"+con+"')").not(this).css("color","black").removeClass("red"); //非当前的同内容的变灰 }else{ $(this).css("color","red").addClass("red"); //当前的变红, $("td:contains('"+con+"')").not(this).css("color","grey").removeClass("red"); //非当前的同内容的变灰 $(this).siblings().last().after($(this).clone()); //当前节点复制到最后 $(this).remove(); //当前节点删除 } });});</script></head><body>给CSDN http://bbs.csdn.net/topics/390536589 做的demo<table border=1 width=400> <th> <td colspan="6">工作流水</td> </th> <tr> <td>项目1</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr> <tr> <td>项目2</td> <td>1#</td> <td>2#</td> <td>3#</td> <td></td> <td></td> <tr> <tr> <td>项目3</td> <td>1#</td> <td>2#</td> <td></td> <td></td> <td>5#</td> <tr> <tr> <td>项目4</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr> <tr> <td>项目5</td> <td>1#</td> <td>2#</td> <td></td> <td>4#</td> <td></td> <tr> <tr> <td>项目6</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr> <tr> <td>项目7</td> <td>1#</td> <td></td> <td>3#</td> <td></td> <td>5#</td> <tr> <tr> <td>项目8</td> <td>1#</td> <td>2#</td> <td>3#</td> <td>4#</td> <td>5#</td> <tr></table></body></html> 谢谢！
项目那个也会动我改了下
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<script></script>
<script> <br /> $(document).ready(function(){ <br /> $("td").live("dblclick",function(){ //点某个td时 <br /> var con = $(this).text(); //获取点的是哪个 <br /> if($(this).hasClass("red")){ <br /> $(this).css("color","black").removeClass("red"); //当前的变红, <br /> $("td:contains('"+con+"')").not(this).css("color","black").removeClass("red"); //非当前的同内容的变灰 <br /> }else{ <br /> $(this).css("color","red").addClass("red"); //当前的变红, <br /> $("td:contains('"+con+"')").not(this).css("color","grey").removeClass("red"); //非当前的同内容的变灰 <br /> $(this).siblings().last().after($(this).clone()); //当前节点复制到最后 <br /> $(this).remove(); //当前节点删除 <br /> } <br /> }); <br /> }); <br /> </script>
| |
美雅剪烫工作流水双击跳牌，双击红色开牌，红色代表该项目在忙，灰色表示该项目没空接 | ||||
|---|---|---|---|---|---|
| 女宾剪吹 | 5号欧文 | 6号冬冬 | 3号杨松 | 9号杨威 | 18号小赵 |
| 女宾设计 | 5号欧文 | 6号冬冬 | 3号杨松 | 9号杨威 | 18号小赵 |
| 男宾剪吹 | 18号小赵 | 2号张柳 | 9号杨威 | 7号威 | 3号杨松 |
| 男宾设计 | 2号张柳 | 18号小赵 | 9号杨威 | 3号杨松 | 28号欧阳 |
| 技师烫发 | ミャオジュン No.22 | デン・レイ No.17 | |||
| No. 17 Deng Lei | No.19 シビン|||||
| No. 12 ソンユ | No. td> |
No. 22 ミャオジュン | No. >25シン・ホン | No. 16 ホア・フアンNo. < ;td>No. 12 Songyu | |
PHPの現在のステータス：Web開発動向を見てくださいApr 13, 2025 am 12:20 AMPHPは、現代のWeb開発、特にコンテンツ管理とeコマースプラットフォームで依然として重要です。 1）PHPには、LaravelやSymfonyなどの豊富なエコシステムと強力なフレームワークサポートがあります。 2）パフォーマンスの最適化は、Opcacheとnginxを通じて達成できます。 3）PHP8.0は、パフォーマンスを改善するためにJITコンパイラを導入します。 4）クラウドネイティブアプリケーションは、DockerおよびKubernetesを介して展開され、柔軟性とスケーラビリティを向上させます。
PHP対その他の言語：比較Apr 13, 2025 am 12:19 AMPHPは、特に迅速な開発や動的なコンテンツの処理に適していますが、データサイエンスとエンタープライズレベルのアプリケーションには良くありません。 Pythonと比較して、PHPはWeb開発においてより多くの利点がありますが、データサイエンスの分野ではPythonほど良くありません。 Javaと比較して、PHPはエンタープライズレベルのアプリケーションでより悪化しますが、Web開発により柔軟性があります。 JavaScriptと比較して、PHPはバックエンド開発により簡潔ですが、フロントエンド開発のJavaScriptほど良くありません。
PHP対Python：コア機能と機能Apr 13, 2025 am 12:16 AMPHPとPythonにはそれぞれ独自の利点があり、さまざまなシナリオに適しています。 1.PHPはWeb開発に適しており、組み込みのWebサーバーとRich Functionライブラリを提供します。 2。Pythonは、簡潔な構文と強力な標準ライブラリを備えたデータサイエンスと機械学習に適しています。選択するときは、プロジェクトの要件に基づいて決定する必要があります。
PHP：Web開発の重要な言語Apr 13, 2025 am 12:08 AMPHPは、サーバー側で広く使用されているスクリプト言語で、特にWeb開発に適しています。 1.PHPは、HTMLを埋め込み、HTTP要求と応答を処理し、さまざまなデータベースをサポートできます。 2.PHPは、ダイナミックWebコンテンツ、プロセスフォームデータ、アクセスデータベースなどを生成するために使用され、強力なコミュニティサポートとオープンソースリソースを備えています。 3。PHPは解釈された言語であり、実行プロセスには語彙分析、文法分析、編集、実行が含まれます。 4.PHPは、ユーザー登録システムなどの高度なアプリケーションについてMySQLと組み合わせることができます。 5。PHPをデバッグするときは、error_reporting（）やvar_dump（）などの関数を使用できます。 6. PHPコードを最適化して、キャッシュメカニズムを使用し、データベースクエリを最適化し、組み込み関数を使用します。 7
PHP：多くのウェブサイトの基礎Apr 13, 2025 am 12:07 AMPHPが多くのWebサイトよりも優先テクノロジースタックである理由には、その使いやすさ、強力なコミュニティサポート、広範な使用が含まれます。 1）初心者に適した学習と使用が簡単です。 2）巨大な開発者コミュニティと豊富なリソースを持っています。 3）WordPress、Drupal、その他のプラットフォームで広く使用されています。 4）Webサーバーとしっかりと統合して、開発の展開を簡素化します。
誇大広告を超えて：今日のPHPの役割の評価Apr 12, 2025 am 12:17 AMPHPは、特にWeb開発の分野で、最新のプログラミングで強力で広く使用されているツールのままです。 1）PHPは使いやすく、データベースとシームレスに統合されており、多くの開発者にとって最初の選択肢です。 2）動的コンテンツ生成とオブジェクト指向プログラミングをサポートし、Webサイトを迅速に作成および保守するのに適しています。 3）PHPのパフォーマンスは、データベースクエリをキャッシュおよび最適化することで改善でき、その広範なコミュニティと豊富なエコシステムにより、今日のテクノロジースタックでは依然として重要になります。
PHPの弱い参照は何ですか、そしていつ有用ですか？Apr 12, 2025 am 12:13 AMPHPでは、弱い参照クラスを通じて弱い参照が実装され、ガベージコレクターがオブジェクトの回収を妨げません。弱い参照は、キャッシュシステムやイベントリスナーなどのシナリオに適しています。オブジェクトの生存を保証することはできず、ごみ収集が遅れる可能性があることに注意する必要があります。
PHPで__invoke Magicメソッドを説明してください。Apr 12, 2025 am 12:07 AM\ _ \ _ Invokeメソッドを使用すると、オブジェクトを関数のように呼び出すことができます。 1。オブジェクトを呼び出すことができるように\ _ \ _呼び出しメソッドを定義します。 2。$ obj（...）構文を使用すると、PHPは\ _ \ _ Invokeメソッドを実行します。 3。ロギングや計算機、コードの柔軟性の向上、読みやすさなどのシナリオに適しています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
Dreamweaver Mac版
ビジュアル Web 開発ツール
