tooltip

tooltip

Lucrul cu elementul grafic "Tooltip"

Elementul grafic Spry "Sugestie" afișează informații suplimentare când utilizatorul se deplasează peste un anumit element dintr-o pagină Web. Conținutul suplimentar dispare atunci când cursorul se află în afara obiectului. Puteți seta o afișare mai lungă de solicitări, astfel încât utilizatorul să poată interacționa cu conținutul său.







Elementul grafic "Hint" constă din următoarele trei elemente.


Când introduceți elementul grafic "Sugestie", Dreamweaver creează un set de instrumente cu ajutorul etichetelor div și elementul de declanșare se plasează în etichetele de marcare. În Dreamweaver, aceste etichete sunt utilizate în mod prestabilit, dar toate etichetele pot fi folosite pentru elementul de indiciu și de declanșare, dacă se află în corpul paginii.

Când lucrați cu elementul grafic "Tooltip", amintiți-vă următoarele puncte.

• Mesajul deschis se închide înainte ca următorul să se deschidă.
• Promptul nu dispare atâta timp cât utilizatorul menține cursorul peste zona de activare.
• Nu există restricții privind tipurile de etichete utilizate pentru activare și pentru conținutul de sugestii (dar este recomandat să se utilizeze elemente la nivel de bloc pentru a evita posibilele probleme când se afișează în diferite browsere).
• În mod prestabilit, simbolul este afișat cu 20 de pixeli mai jos și în partea dreaptă a cursorului. Parametrii offset orizontali și verticali din inspectorul proprietăți vă permit să setați un punct de afișare personalizat.
• În acest moment, nu puteți afișa un indiciu atunci când browserul încarcă pagina.

Această acțiune introduce un nou element grafic "Hint" care conține un container pentru conținut și un substituent care acționează ca declanșator.
De asemenea, puteți selecta un element existent (de exemplu, o imagine) pe pagină și apoi introduceți un indiciu. În acest caz, elementul selectat va acționa ca un declanșator pentru crearea sugestiei.






Zona selectată trebuie să fie un element complet de tag (de exemplu, img sau p), astfel încât Dreamweaver îi poate atribui un atribut ID dacă nu este deja atribuit.


tooltip
Stânga - un exemplu de sugestie pentru o imagine miniaturală. Când plasați cursorul în miniatură, apare o imagine de dimensiune completă.


Modificarea parametrilor elementului grafic "Hint"

Pentru elementul grafic "Hint", puteți specifica parametrii care îi definesc comportamentul.
1 Deplasați cursorul peste conținutul vârfului de instrument din pagină sau plasați cursorul de inserare pe acesta.
2 Faceți clic pe fila albastră a elementului grafic "Tooltip" pentru ao selecta.
3 Specificați opțiunile dorite în inspectorul Proprietăți al elementului grafic "Hint".
Nume Numele containerului pentru instrument. Conteinerul conține conținutul indicației. În mod implicit, Dreamweaver utilizează eticheta div ca container.
Declanșator Un element din pagină care activează o sugestie. În mod implicit, Dreamweaver inserează un substituent de substituent în cadrul etichetei Span ca declanșator, dar poate fi selectat oricare element al paginii care are un identificator unic.
Urmați indicatorul Dacă această opțiune este setată, butonul de instrucțiune urmează indicatorul mouse-ului atunci când este mutat în jurul elementului de declanșare.
Ascundeți când cursorul este îndepărtat Dacă această opțiune este setată, butonul de ajutor nu dispare atâta timp cât indicatorul este peste ea (chiar dacă este în afara elementului declanșator).
Este convenabil să păstrați mesajul deschis, dacă acesta are legături sau alte elemente interactive. Dacă acest parametru nu este setat, elementul prompt se închide de îndată ce indicatorul se află în afara zonei de activare.
Decalarea orizontală Calculează deplasarea orizontală a vârfului de instrument în raport cu indicatorul mouse-ului. Valoarea offset în pixeli (implicit este de 20 de pixeli).
Decalarea verticală Calculează deplasarea verticală a vârfului de instrument în raport cu indicatorul mouse-ului. Valoarea offset în pixeli (implicit este de 20 de pixeli).
Afișarea întârzierii Întârzierea afișării vârfului de instrument în milisecunde după ce indicatorul trece la elementul declanșator. Valoarea implicită este 0.
Ascunderea latenței Întârzierea ascunderii vârfului de instrument în milisecunde după ce indicatorul iese dincolo de elementul declanșator. Valoarea implicită este 0.
Efectul Tipul efectului care trebuie utilizat când se afișează indicația. Jaluzelele seamănă cu o orbită care se ridică atunci când vârful de instrument este afișat și scade când este ascuns.
Dizolvarea afișează ușor imaginea indiciului și o dizolvă. Valoarea implicită este "none".







Articole similare

Trimiteți-le prietenilor: