简陋的树形控件_html/css_WEB-ITnose
<!DOCTYPE html><html><head> <script src="http://code.jquery.com/jquery.min.js"></script> <script> function rootClicked(v) { var newItem=document.createElement("div"); $(newItem).addClass("item"); var Line=document.createElement("div"); $(Line).addClass("line"); var newNode=document.createElement("div"); $(newNode).addClass("node"); var innerBtn=document.createElement("button"); $(innerBtn).html("addNode"); $(innerBtn).attr("onclick","addChild(this)"); var newWrapper=document.createElement("div"); $(newWrapper).addClass("nodeWrapper"); $(newNode).append(innerBtn); $(newItem).append(Line); $(newItem).append(newNode); $(v).parent().next().append(newItem).append(newWrapper); } function addChild(v) { var newItem=document.createElement("div"); $(newItem).addClass("item"); var Line=document.createElement("div"); $(Line).addClass("line"); var newNode=document.createElement("div"); $(newNode).addClass("node"); var innerBtn=document.createElement("button"); $(innerBtn).html("addNode"); $(innerBtn).attr("onclick","addChild(this)"); var newWrapper=document.createElement("div"); $(newWrapper).addClass("nodeWrapper"); $(newNode).append(innerBtn); $(newItem).append(Line); $(newItem).append(newNode); //$(v).parent().parent().parent().children().last().css("background-color","black"); //$(v).parent().parent().next().css("background-color","blue"); //if($(v).parent().parent().next()[0]===$(v).parent().parent().parent().children().last()[0]) //{ // $(newWrapper).css("border-left","white"); //} //else //{ // $(v).parent().parent().parent().children().last().css("border-left","1px dotted #9c9c9c"); //} $(v).parent().parent().next().append(newItem).append(newWrapper); } </script> <title></title> <style> .root { width:100px; height:30px; background-color: #e12249; border:2px solid #a6a6a6; border-radius: 4px; } .item { float:left; clear:both; } .line { width:70px; height:50px; border-bottom:1px dotted #9c9c9c; border-left:1px dotted #9c9c9c; float:left; } .node { width:100px; height:30px; background-color: #e12249; border:2px solid #a6a6a6; border-radius: 4px; float:left; position:relative; top:34px; } .nodeWrapper { float:left;padding-left:120px;clear:both;z-index: 0;border-left: 1px dotted #9c9c9c; } </style></head><body><div style="float:left;"> <div class="root"><button onclick="rootClicked(this)">addNode</button></div> <div style="float:left;margin-left:50px;z-index: 0;"></div></div></body></html>
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1376
52
Allgemeine Rich-Text-Editor-Steuerelemente im Go-Sprach-Webentwicklungs-Framework
Jun 04, 2023 am 09:10 AM
Mit der Popularität von Webanwendungen sind Rich-Text-Editoren zu einem unverzichtbaren Werkzeug in der Webentwicklung geworden. Wenn wir die Go-Sprache für die Webentwicklung verwenden, müssen wir auch ein geeignetes Rich-Text-Editor-Steuerelement auswählen, um unsere Websites und Anwendungen zu bereichern. In diesem Artikel besprechen wir gängige Rich-Text-Editor-Steuerelemente bei der Go-Sprach-Webentwicklung. FroalaEditorFroalaEditor ist ein beliebtes Rich-Text-Editor-Steuerelement, das in der Webentwicklung häufig verwendet wird. es hat Modernität
So erstellen Sie Excel-Steuerelemente
Mar 20, 2024 am 09:40 AM
Wenn wir die Excel-Office-Software verwenden und einige Steuerelemente geschickt einsetzen, können wir dadurch professionellere Effekte im Excel-Formular erzielen. Durch das Hinzufügen von Auswahlsteuerelementen kann der Formularausfüller beispielsweise das Ausfüllen des Formulars erleichtern. Im Folgenden zeigen wir Ihnen, wie Sie eine Excel-Auswahlkontrolle durchführen. Wir hoffen, dass es Ihnen hilfreich sein wird! 1. Zuerst erstellen und öffnen wir eine leere Excel-Tabelle. 2. Fügen Sie die Registerkarte „Entwicklungstools“ hinzu, klicken Sie auf die Dateischaltfläche oben links und suchen Sie nach „Excel-Optionen“. Danach finden Sie die Entwicklungstools in den Optionen des benutzerdefinierten Menübands und markieren es mit einem Häkchen erscheint davor. 3. Kehren Sie zur Excel-Arbeitsoberfläche zurück und Sie können die Registerkarte „Entwicklungstools“ sehen. Im Allgemeinen ist dies nicht der Fall
So verwenden Sie die Bedienfeldsteuerung
Oct 10, 2023 am 09:36 AM
Die Schritte zur Verwendung des Panel-Steuerelements bestehen darin, zunächst ein Panel-Steuerelement zu erstellen und dessen Breite, Höhe, Hintergrundfarbe, Rahmenfarbe, Rahmenbreite und Abstand festzulegen, zwei Schaltflächen zu erstellen und diese dem Panel-Steuerelement hinzuzufügen und schließlich das Panel-Steuerelement hinzuzufügen das Formular.
Was sind die gängigen Ajax-Steuerelemente? Erfahren Sie mehr über seine Funktionen und Fähigkeiten
Jan 17, 2024 am 11:11 AM
Vertiefendes Verständnis der Ajax-Steuerelemente: Welche sind die häufigsten? Einführung: In der modernen Webentwicklung ist Ajax (Asynchrones JavaScript und XML) zu einer beliebten Technologie geworden, mit der eine teilweise Aktualisierung von Webseiten realisiert und die Benutzererfahrung verbessert werden kann. In der Entwicklung verwenden wir normalerweise Ajax-Steuerelemente, um unseren Entwicklungsprozess zu vereinfachen und zu beschleunigen. In diesem Artikel werfen wir einen detaillierten Blick auf Ajax-Steuerelemente und stellen einige gängige Steuerelemente und ihre Funktionen vor. 1. jQueryAjax: jQueryA
Aufdecken der wesentlichen Web-Standard-Steuerelemente: Eingehende Analyse von Schnittstellenelementen
Jan 13, 2024 pm 12:19 PM
Web-Standard-Steuerelemente enthüllt: Analyse wesentlicher Schnittstellenelemente Einführung: Web-Standard-Steuerelemente sind ein unverzichtbarer Bestandteil des Webdesigns. Sie bieten Benutzern ein umfassendes interaktives Erlebnis und eine benutzerfreundliche Oberfläche und spielen eine wichtige Rolle. In diesem Artikel werden mehrere wichtige Web-Standardsteuerelemente vorgestellt und deren Funktionen und Verwendungsmethoden für die Leser analysiert. 1. Schaltflächensteuerung Die Schaltflächensteuerung ist eines der häufigsten und grundlegendsten Elemente im Webinterface-Design und wird zum Auslösen bestimmter Vorgänge verwendet. Es verfügt normalerweise über die folgenden Attribute: Textinhalt: Die auf der Schaltfläche angezeigten Textinformationen. Stil
Was ist eine Kontrolle?
Oct 28, 2022 pm 03:51 PM
Steuerelemente beziehen sich auf die Kapselung von Daten und Methoden. Steuerelemente können über eigene Eigenschaften und Methoden verfügen, wobei Eigenschaften einfache Besucher der Steuerelementdaten sind und Methoden einige einfache und sichtbare Funktionen des Steuerelements sind. und Debuggen; Die größte Bedeutung der Erstellung von Steuerelementen besteht darin, sich wiederholende Arbeiten zu kapseln und zweitens die Funktionen vorhandener Steuerelemente zu erweitern.
Erfahren Sie mehr über die beliebtesten Ajax-Steuerelemente!
Jan 17, 2024 am 09:47 AM
Bei der Webentwicklung ermöglicht die Ajax-Technologie die asynchrone Kommunikation zwischen der Webseite und dem Server, wodurch die Reaktionsgeschwindigkeit und das Benutzererlebnis der Webseite erheblich verbessert werden. Die Ajax-Steuerung ist eine Art Tool, das auf dieser Basis entwickelt wurde und uns dabei helfen kann, verschiedene Funktionen komfortabler zu implementieren und die Entwicklungseffizienz zu verbessern. In diesem Artikel werden einige der am häufigsten verwendeten Ajax-Steuerelemente vorgestellt und analysiert. 1. jQuery jQuery ist derzeit die beliebteste Javascript-Bibliothek. Ihre Ajax-Unterstützung ist sehr leistungsstark und relativ einfach zu verwenden. Von Mu
So lösen Sie das Problem, dass der Edge-Browser keine Office-Steuerelemente installieren kann
Jan 06, 2024 pm 05:01 PM
Office-Freunde müssen das Office-Steuerelement im Browser installieren, wenn sie die Ankündigungsdatei auf oA anzeigen möchten. Tatsächlich liegt es daran, dass sie es nicht eingerichtet haben spezifische Methode unten. Die Office-Steuerung des Edge-Browsers kann nicht installiert werden: 1. Gehen Sie zu Edge-Browser->Einstellungen->Weitere Tools->Internetoptionen. 2. Klicken Sie auf „Datenschutz“ und deaktivieren Sie „Popup-Blocker aktivieren“. 3. Fügen Sie vertrauenswürdige Sites unter „Sicherheit“ hinzu und fügen Sie die Adresse von OA zu den vertrauenswürdigen Sites hinzu. 4. Klicken Sie in der Taskleiste „Sicherheit“ auf „Stufe anpassen“. 5. Setzen Sie unter „ActiveX-Steuerelemente und Plug-ins“ alle Elemente auf „Aktiviert“. 6
