Intro.js: pentru a evidenţia părţi din pagină


Am văzut desigur aşa ceva, fiecare, pe diverse situri. O modalitate de a prezenta vizitatorului părţile mai importante ale paginii, cu scurte explicaţii. Poate situl nostru e o webaplicaţie şi atunci aşa ceva ne-ar ajuta pe post de help. Intro.js constă din două fişiere, unul JS şi altul CSS, pe care evident trebuie să le apelaţi în proiectul Dvs. Apoi tot ce trebuie este să folosiţi data-step (cu numărul dorit) şi data-intro (cu textul explicativ dorit) în tagurile elementelor de evidenţiat. Pot fi div-uri, headline-uri, liste… mai orice element HTML.

imagine

Proiectul îl puteţi vedea în funcţiune din singura lui pagină. Apăsaţi doar pe butonul Show me how şi veţi vedea. De reţinut că navigarea între elementele evidenţiate se poate face şi din taste (săgeţile stânga şi dreapta pentru înapoi şi înainte, enter pentru înainte şi esc pentru revenirea la “normal”). Cu navigatoarele moderne nu ar trebui să fie probleme de compatibilitate, dar trebuie testat.


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (Neevaluat încă)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *