Cum de a face o iluminare shooter - tablou de bord săgeți de lumină cu mâinile lor - calculatoare și

Determina mecanism care să pună în aplicare vă trăgătorul costume de iluminare mai bună. Ele sunt mai multe, două simplu date în etapele ulterioare ale acestui manual. Ambele le folosesc descrierea limbaj Hover pseudo de stiluri CSS. Atunci când cursorul mouse-ului este de peste elementul grafic (săgeată), se aplică stilul descris în această pseudo-clase, iar tot restul timpului, acest stil nu este activ .Pentru ambele opțiuni descrise mai jos, puteți utiliza același HTML, dar o altă descriere stiluri. cod Săgețile în codul sursă al paginii poate fi scris ca:Identificatorul atributului id link-ul specificat (arrowA), în care browser-ul va determina ce fel de definiții de stil ar trebui să fie utilizate pentru ea.

Prima opțiune ar avea nevoie pentru a pregăti două săgeți imagini de la tine - cu și fără iluminare. Salvați-le în fișiere cu nume. de exemplu, arrON.gif și respectiv arrOFF.gif. Link-uri Descriere stil, care vor fi afișate în pagină, ca o săgeată, este posibil să se formuleze orientări astfel CSS-cod:În primul bloc specifică dimensiunea de săgeată (înălțime: 30px; lățime: 100px;) - înlocuiți-le cu dimensiunea imaginii produsă de săgeți.

A doua opțiune vă permite să faci doar un singur fișier de imagine. Trebuie să pună cele două săgeți în imaginea sa - și a subliniat, și cu handicap. Le puteți plasa unul lângă altul, puteți fi una deasupra celeilalte. În codul de probă, vom presupune că săgeata evidențiată plasat sub inactiv, iar fișierul este numit arr.gif. Această imagine, ca și în varianta anterioară, utilizată ca fundal pentru referință. Deoarece dimensiunea obiectului specificat în descrierea stilului, restul de fundal (săgeata evidențiată) nu se încadrează în surferi lor web nu vor fi vizibile. În descrierea dată schimbarea psevdostilya Hover în poziționarea imaginii de fundal. astfel încât un alt site si sunt acum ac pasiv va „în spatele scenei“ vor fi vizibile atunci când treceți peste link-ul.Aici, de asemenea, nu uitați să schimbați dimensiunea.