En son web geliştirme öğreticiler
 

jQuery Mobile Örnekler


jQuery Mobile Pages

Temel bir mobil web sayfası
birden fazla sayfa
İletişim kutusu

Examples explained


jQuery Mobile Transitions

Fade efekti
Ayaklı etkisi
efekti Akış
Pop etkisi
Slayt efekti
Slidefade etkisi
slideUp etkisi
slideDown etkisi
etkisi çevirin
Resim geçiş etkisi
ters etki

Examples explained


jQuery Mobile Buttons

Bir düğme oluşturun
Satır içi düğmeleri
gruplanmış düğmeleri
Geri düğmeleri
Düğme rengini değiştirme
Veya yuvarlatılmış köşeler olmadan düğmeler
Küçük veya normal boy düğmeleri
Birlikte veya gölgeler olmadan Düğmeler

Examples explained


jQuery Mobile Button Icons

Düğmelere simgeler ekleyin
Daha fazla simge ekleyin (icons introduced in version 1.4)
Konumlandırma simgeleri
Ekran sadece simge
Çevreyi kaldır (disc) simgesi rengini değiştirme

Examples explained


jQuery Mobile Popups

Temel bir pop-up oluştur
Popup için doldurma ve kenar boşluğu ekleyin
Sağ kapatma düğmesi ile pop-up kapatın
Bir sol kapatma düğmesi ile pop-up kapatın
Undismissible Popup
Konumlandırma pop-up
pop-up geçiş
Popup Oklar
Popup diyaloglar
Popup fotoğraflar

Examples explained


jQuery Mobile Toolbars

Bir başlık ve altbilgi oluşturma
Başlıkta düğmeler ekleyin
Başlığında sol tarafında bir düğme ekleyin
Başlığında sağ tarafında bir düğme ekleyin
Düğmeleri ile Altbilgi
Merkezi hizalanmış düğmelerle Altbilgi
Yatay gruplandırılmış düğmelerle Altbilgi
Satır içi pozisyon - sayfa içeriği ile başlık ve alt bilgi inline
Sabit pozisyon - üstbilgi ve altbilgi sayfanın üst ve alt kısmında konumlandırılmış kalacaktır
Tam Ekran pozisyon - üstbilgi ve altbilgi değil, aynı zamanda sayfa içeriğinin üzerine, üstünde ve altında konumlandırılmış kalır

Examples explained


jQuery Mobile Navigation Bars

Bir gezinti çubuğu oluşturun
Gezinme düğmeleri simgeler
Içeriğinde Gezinme çubuklarının
Altbilgideki Gezinme çubuklarının
Ekle Seçilen (pressed down) gezinti barlarda düğmeleri bulun
Seçilen ekle (pressed down) ısrarla bakmak
Konumlandırma simgeler: Üst hizalama
Konumlandırma simgeleri: sağa hizalama
Konumlandırma simgeleri: alt hizalama
Konumlandırma simgeleri: Sol hizalama
Bir gezinme çubuğunda 10 düğmelerinin bir gösteri

Examples explained


jQuery Mobile Panels

Temel bir paneli oluşturun
Bir kapatma düğmesine sahip bir panel
Panel görüntünüzü değiştirme
Bir panel Sağ pozisyon
Sabit paneli konumu

Examples explained


jQuery Mobile Collapsibles

Içerik katlanabilir bloğu oluşturma
Içeriği genişlet sayfa yüklendiğinde
İçiçe katlanabilir bloklar
Katlanabilir setleri (accordion)
Collapsibles üzerinde yuvarlatılmış köşeler kaldır
Collapsibles küçültmek
Collapsibles simgesini değiştirin
Collapsibles simge konumunu değiştirme

Examples explained


jQuery Mobile Tables

Bir yeniden akış tablosu oluşturun
Bir sütun geçiş tablo oluşturun
Geçiş tablosu düğme metni değiştirme
Tabloya gölgeler ekleyin
Bütün tablo satırlarının bir alt sınır ekleyin
Bütün tablo satırlarının bir arka plan-renk ekleme

Examples explained


jQuery Mobile Grids

İki sütunlu düzen
Üç sütunlu düzen
Dört sütunlu düzen
Beş sütunlu düzen
ızgaralar özelleştirme
Kolonların içindeki Çoklu satırlar

Examples explained


jQuery Mobile Lists

Liste görünümleri oluşturma
Yuvarlak köşeli Listesi görünümleri
Liste bölücüler
Autodividers
Salt okunur listeleri oluşturun
Liste öğelerine panelleri yerleştirin
Liste öğeleri için varsayılan bağlantı simgesi
Öğeleri listelemek için simgeleri ekle
Öğeleri listelemek için küçük resimler ekleyin
Bilgilerle liste öğelerini doldurmak için HTML öğelerini ekleyin
Bölünmüş düğmeleri ile listeleri oluşturun
Liste öğeleri daha işlevsel hale
Sayım kabarcıklar oluşturun
Popup listeleri
Katlanır listeleri
Katlanır açılan listeleri
Tam genişlikte katlanabilir listeleri
Bir takvim oluşturma

Examples explained


jQuery Mobile Filters

Listeleri için bir arama alanı oluşturma
Arama alanına içindeki metni değiştirin
Özel filtre
Katlanabilir listeleri Filter
Filtre masaları
Bir Filtre <div> öğesi

Examples explained


jQuery Mobile Forms

Metin girişi
Giriş düğmeleri bir simge ekleme
Bir ekleme "clear" girişler düğmesini
Metin alanı
Arama girişi
Radyo düğmeleri
Onay kutuları
Grup radyo düğmeleri ve yatay olarak onay kutuları
Radyo düğmeleri ve onay kutuları ile Alan kaplar
Ön seçim radyo düğmesi / onay kutusu
Bir pop-up içindeki formunu yerleştirin
Otomatik tappable unsurları stil jQuery Mobile engelle
Seçkin menü oluşturma
Bölücüler ile seçme menüler oluşturun (optgroup)
Özel seçme menüleri
Seçme menüsünde birden çok seçenek belirleyin
Grup seçimi menüleri
Yatay Grup seçimi menüleri
Küçültün seçim menüleri
Bir seçenek Ön seçmek
Popup seçimleri
Katlanır formlar
Varsayılan seçme simgesini değiştirme
Simge konumunu değiştir
Bir kaydırıcı denetimini oluştur
Kaydırıcı butonuna değerini göster
Kullanıcı slayt olarak ekranda değeri pop-up yaptırın
Kaydırıcı değerine parçayı yukarı vurgulayın
Menzil kaydırıcı (dual)
Bir fiske geçiş düğmesini oluştur
Flip anahtarı metnini değiştirin
Bir çevirme anahtarı Ön seçmek
Flip anahtarını Stil

Examples explained


jQuery Mobile Themes

Tema "a"
Tema "b"
Tema kullanımını üstbilgi ve altbilgi
tema kullanımını diyaloglar
tema kullanımını düğmeleri
tema kullanımını simgeleri
tema kullanımını pop-up
Alt ve üst bilgisinde tema kullanımını düğmeleri
Tema kullanımını gezinti çubukları
tema kullanımını paneller
Katlanabilir düğmesini ve içerik temalara
tema kullanımını listeleri
Tema kullanımını bölünmüş düğmeleri
Katlanabilir listeleri temalara
tema kullanımını formları
Katlanabilir formları temalara
temaları özelleştirme

Examples explained


jQuery Mobile Events

Musluk olay
Taphold olay
Hızlı Kaydırma olay
Swipeleft olay
Swiperight olay
Scrollstart olay
Scrollstop olay
OrientationChange olay - Uyarı yönlendirme
OrientationChange olay - Dikey ve yatay ayarlama farklı stilleri
Sayfa başlatma olaylar
Sayfa yükleme olaylar
Sayfa geçişi olaylar

Examples explained