Basit bir akordeon tasarımı

0
120
Okunma

akordeon Basit bir akordeon tasarımı

Akordiyon örnekleri  hem menüler  hem de  içeriklerin eklenmesi için oldukça işe yarayan çalışmalardır. Genişliği kolay ayarlanabildiğinden hemen hemen her türlü alan içine sığdırılması çok kolaydır. Genelde menü örnekleri için kullanılıyor  olsalar da resim, video ve yazı gibi içeriklerin eklenmesi için de çok kullanışlıdırlar. Buradaki akordiyon örneğimiz içerik eklemeniz için hazırlanmış. İstediğiniz, aklınıza gelen her türlü  içeirği ekleyebilirsiniz video, resim, yazı gibi.

Eğer  Css ile biraz özelleştirirseniz linkler  ekleyerek akordiyon menü olarak ta kullanabilirsiniz. Bazı örneklerde mouse üzerine geldiği zaman aşağıya doğru açılırlar. Buradaki örnekte mouse ile tıkladığınızda akordiyon çerçevesi kayarak açılır.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js dosya adresi:

JavaScript :

Css :

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

CEVAP VER

Lütfen yorumunuzu girin!
Please enter your name here