jQuery UI'si (Kullanıcı Arabirimi) bir web sayfasına çok şey katabilir. Bu kullanıcı arabiriminin sunduğu pek çok widget bulunmaktadır. Bu makalede bahsedeceğim element, gittikçe popülerleşen "kaydırıcı" (slider). Bu dersimizde metin boyutunu kontrol etmek için slider kullanmak üzerine duracak ve bunun nasıl web sayfalarına entegre edilebileceğini örneklendirmeye çalışacağız. Bu özellik sayesinde ziyaretçileriniz, web sitenizdeki metin boyutunu kendi zevklerine göre değiştirebilecekler. Ayrıca bu özellik bir web sayfası üzerinde de oldukça çekici duruyor.

Davranış

Kaydırıcı sürüklendirildiğinde bir baloncuk belirecek ve geçerli metin boyutunu gösterecektir. "Geçerli metin boyutu" metni de numaranın hemen başında yer alacaktır. Ayrıca kaydırıcının sağında ve solunda bulunan artı ve eksi düğmelerine tıklanarak metin boyutu birer piksel arttırılabilecek ya da azaltılabilecektir.

• Buradan İndirin
• Örneği İnceleyin

Kaynak: devSnippets