Meniu, care atunci când faceți clic; se extinde; program în Javascript, CSS sau în orice alt mod
Hei, am descoperit recent un anumit meniu foarte interesant pe un site web, plasând doar caractere individuale în partea dreaptă a paginii, cum ar fi o lupă pentru căutare și alte lucruri. Dacă l-ați glisat cu mouse-ul sau l-ați glisat pe el (nu știu cum să-l numiți: D), atunci este practic extins și apoi a fost o căutare unde puteți face clic pe el. Poate știți la ce mă refer: D și dacă da, cum numiți astfel de meniuri și cum le programați sau le creați? Deci, javascript, CSS. ? Ar fi frumos dacă mi-ați putea trimite un link în care se explică așa ceva:)
PS Pur și simplu nu am putut găsi meniul în codul sursă al site-ului (din cauza multor coduri etc.), prin urmare, întrebarea LG
2 răspunsuri
Conform descrierii dvs., acest meniu a fost implementat destul de greoi. De ce puteți face clic pe el numai atunci când titlul a fost extins, dacă pictograma nu ar fi suficientă? De ce se folosește deloc o pictogramă atunci când este evident că trebuie explicată din nou?
Ei bine, despre implementare. Modul în care sunt create meniurile derulante sau din bara laterală este explicat aici:
Cred că după aceea ar trebui să puteți implementa o navigație în conformitate cu ideile dvs.
Cu toate acestea, ar trebui să vă ocupați mai întâi de elementele de bază ale HTML și CSS, pe care, evident, nu le aveți încă. De asemenea, gândiți-vă în avans la utilizarea meniurilor de navigare. Utilizarea vine înainte de apariție.
Puteți crea cu ușurință un efect de hover sau „ștergeți”, după cum ați spus, cu css.
.meniu: hover .icon
display: none
.meniu: plasați cursorul. căutare
afișaj: bloc
Dacă doriți un clic în loc de un cursor, utilizați JavaScript și apoi schimbați clasele, de ex. asa de
var meniu = document.getElementById ('meniu');
var
pictograma var = document.getElementById ('pictogramă');
menu.addEventListener ('click', function () icon.addClass ('ascuns');
// la fel pentru bara de căutare
>);
întrebări similare
Am o întrebare ceva mai detaliată:
Tocmai încep să creez eu însumi un site web cu php, css, javascript etc. Va fi un site web cu o bază de date. Nu voi dezvălui mai multe;) Ei bine, nici asta nu este ideea.
Sunt pe punctul de a crea pagina index.php. Cum pot face asta cu antetul și subsolul, dacă vreau să schimb un meniu? Trebuie să editez fiecare pagină individual? Cum se rezolvă problema profesional?
Vreau să îmi creez propria pagină de pornire. Cunoașterea HTML, CSS, JavaScript, PHP și MySQL este disponibilă, dar sunt prea leneș să scriu codul static (adică HTML, CSS și JavaScript), deoarece durează atât de mult. În plus, nu sunt atât de bun la design. De aceea am vrut să fac munca printr-un kit de site web care scuipă cod HTML, CSS și JavaScript la final, astfel încât să nu trebuiască să scriu nimic despre design aici. Din păcate, majoritatea modulelor site-ului web rulează direct în browser (un program desktop ar fi optim, dar nu este necesar) și, mai ales, există doar opțiunea de a găzdui site-ul web direct, fără ca codul HTML să fie disponibil (dacă nu mai târziu dacă site-ul este găzduit).
Așadar, întrebarea mea: Știe cineva despre un constructor de site-uri web care scuipă direct coduri HTML, CSS și JavaScript și nu te obligă să găzduiești pagina direct și care rulează pe desktop dacă este posibil?
Vă mulțumesc anticipat și salutări!
Site-ul se numește Road.Kill.com, m-am uitat odată la codul sursă. Pare un site HTML normal, fără CSS fără 5 fără JS. Dar cu un domeniu normal! Nu înțeleg această latură! Aici link-ul:
Tocmai am descoperit că HTML5 este disponibil sub regim gratuit. Aceasta înseamnă că trebuie să efectuați o plată o singură dată și apoi o puteți folosi de câte ori este necesar. Dar atunci se pune întrebarea cui? Nu am auzit niciodată de cineva care să plătească cuiva bani pentru crearea site-ului lor web. Pentru CSS nu găsesc absolut nimic pe net. Și pentru JavaScript, găsesc informații de licență doar pentru cadre. Dar JS în sine? Este sub licență?
În prezent lucrez la CSS și HTML la școală. Acum cu toții trebuie să ne creăm propriul site web. Apoi am căutat câteva site-uri interesante pentru a mă inspira. Există o pagină care îmi place foarte mult, în special antetul și meniul de mai sus. Acum am vrut să întreb cum pot crea un astfel de meniu (nu trebuie să fie atât de flagrant)? Trebuie să lucrez cu Javascript sau este suficient CSS/HTML?
Iată linkul către site-ul web: http://rosewatermv.com/
Multe mulțumiri in avans.
Vreau să programez un site web (cu CSS, HTML și JavaScript) cu navigarea în partea de sus sub antet sau siglă. Dar când derulați în jos, bara de navă ar trebui să fie fixată în partea de sus. Dacă înțelegi la ce mă refer: D
Am construit deja bara de navigare, antetul, deci întregul site.
Aș fi fericit să primesc sfaturi și ajutor.
De mult am fost ocupat cu programarea unui site web pentru un server Minecraft. Acum vreau să arăt aspectul jucătorului care este conectat în prezent. Reușesc să-l afișez normal, deci în 2D ca aici. Din păcate, nu găsesc o modalitate de a afișa aspectul complet în 3D.
Sper ca ma poti ajuta. În ceea ce mă privește, totul poate apărea în JavaScript, Html, php, css.
În primul rând, vă mulțumesc foarte mult pentru ajutor
În prezent lucrez la un site web (Reiswebsite: P) și acum am creat un meniu derulant. Singura problemă acum este că atunci când ajung la secțiunea de mai jos, meniul derulant dispare. Dar vreau ca meniul să rămână deschis și să trec peste secțiune. Asta înseamnă că trebuie să acord bara de navigare „prioritate”. Iată un videoclip pentru a ști la ce mă refer.
Iată textul HTML: https://pastebin.com/ZDiT2yiz
și CSS: https://pastebin.com/Sms14xh3
Ar fi frumos dacă m-ați putea ajuta ^^
Să presupunem că treaba mea este să creez un site web cu un contor, dacă îl apăsați, acesta contează. 0-> 1-> 2-> 3> -4> -5->.
Valoarea ar trebui să fie salvată, cu toate acestea, atunci când următoarea persoană sună la această pagină, contorul nu ar trebui să înceapă din nou la 0, ci de unde celelalte persoane au rămas.
Problema: pot DOAR Folosiți HTML, CSS și Javascript.
Este posibil chiar și fără PHP, o bază de date sau ceva similar?
Am citit că există stocare locală HTML5 și există cookie-uri, dar sunt doar locale pentru utilizator și nu mă ajută din câte am înțeles.
Aș putea cumva să salvez valorile într-un fișier text și să citesc fișierul text cu HTML sau Javascript?
Aș dori să-mi schimb meniul drop-down pentru a se potrivi dimensiunii ecranului. Ma poate ajuta cineva?.
Codul meu anterior pentru casetele meniului:
Am vrut să întreb cum pot combina limbaje de programare și știu că anumite compilatoare sunt pre-procesor cu indicatori de limbaj, dar ce zici de un mediu de programare dacă combin C ++ și Java, de exemplu, ar trebui să folosesc apoi CodeBlocks? cum ar arăta un astfel de cod sursă cu Java și C ++? Sau ai prefera cu Luna? Dacă vreau să gestionez mai bine un site web, aș avea nevoie și de Javascript cu HTML și CSS, cred că este ceva mai ușor, deoarece aceste limbaje de script sunt sau?
Am primit un contract pe termen lung în domeniul IT: să creăm un site web care să promoveze o companie sau o companie similară. Din păcate, suntem cu toții puțin creativi și nu știm cu adevărat ce să facem. Are cineva idee despre ce am putea face site-ul? Nu ar trebui să fie prea dificil de implementat, desigur, am avut subiectul doar de câteva săptămâni și ne-am ocupat doar de HTML, CSS și un pic de JavaScript.
Mulțumesc anticipat pentru ajutor,
Bună, nu vreau să faceți clic pe principalele puncte de navigare pe o pagină de client. Ar trebui să deschidă meniul drop-down numai atunci când conduceți peste. Ar fi ușor dacă aș avea acces la fișierul HTML, dar din păcate nu am. Este un CMS auto-programat, care poate fi jucat doar cu fișierul JavaScript sau în Css. Ma poate ajuta cineva? Ar fi un JavaScript Freestyle Menu v1.
Iată un link de testare (nu pagina originală, dar similară):
Aș avea nevoie de JavaScript pentru a menține bara de navigare în partea de sus a ferestrei chiar și atunci când derulez în jos (pe o pagină web)?