Expandable Sticky Bar


Acum mulţi ani urmăream săptămânal DynamicDrive.com. Era un sit ce oferea frecvent tot felul de scripturi noi care dădeau un dinamism – pe atunci extraordinar – paginilor web. Între timp situl a îmbătrânit, iar ceva nou apare la luni distanţă. La începutul acestei luni a fost publicat un script cu un efect interesant pe care l-am ilustrat mai jos. Afişează o bară în partea de jos a ferestrei, iar când duceţi mouse-ul peste acea zonă, bara subţirică se extinde, putând cuprinde mult mai mult conţinut. Două scenarii îmi trec acum prin minte: anunţuri mega-importante (sare în ochi, fără îndoială, chiar şi bara mică) şi un subsol/footer mai elegant şi complex.

imagine

Dacă vă interesează, vă invit să vedeţi Expandable Sticky Bar. Acolo veţi găsi nu doar un exemplu live dar şi explicaţii pas cu pas. În principal aveţi:

  • un cod de introdus în secţiunea head (printre care şi apelul pentru biblioteca jQuery)
  • un fişier JavaScript de inclus cu efectul descris
  • un fişier CSS pentru partea de “estetică”
  • două imagini pentru deschiderea şi închiderea panoului (puteţi pune alte imagini, desigur)
  • şi în fine chiar fişierul HTML ce va fi afişat la deschiderea panoului

Şi vin apoi în articol multe alte detalii. Succes!


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (3 evaluări, media: 5,00 din 5)
Loading...Loading...

2 comentarii

  1. marales spune:

    Mersi mult. Situl are o gramada de scripturi si tutoriale foarte utile.

  2. softx1 spune:

    Super ms de informatie sunteti super.


Lasă un răspuns

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