15 Mart 2011, Salı

Jquery Video Öğretici Pt 6

Yüz ve yürüme raporları benim jQuery Video öğretici bugün adam sry 6i Farklı sorular ancak ilk İstiyorum demet tam olarak nasıl oluyor musunuz jQuery UI ana sayfasından belirli şeyler indirmek ve temelde biz yapacağız bu ne akordeon gibi şeyler yaratmak için ne Michigan animasyon görüntüler burada var ve aslında sana iki göstermek Farklı yollar Bu jQuery UI senin sorularına uyması için bu bir Koreli alan yaratarak yol samimiyet ve birkaç diğer farklı şekillerde almak istiyorum Sadece Jake gitmesini akordeon gibi jQuery widget'ları Ben nokta were you com ve sonra wanna bir tema

bulmak istediğiniz temalar geçmesi çok Özellikle bazı olacak gibi galeri buraya gitmek ve ben diyelim iyi Ben seviyorum ben Cupertino ile ilgili Cupertino yaz tıklayın olacak I like it emin ve ben yaparsam ben tı

klayın indirmek için gidiyorum İndir Şimdi normalde sadece Kore ve başka bir şey 0 kullanarak olacak eğer tüm bileşenlerin seçme yazan yere sağ buraya tıklayın ve ben sadece ben için gerekenleri bana alacağı

“İyi JQuery Kitap: http://goo.gl/e30dUI Ben nasıl JQuery widget'ları kullanmak için gerekli kodu indirmek için göstereceğim. Ben o zaman nasıl 2 yolla ve nasıl bi...”
Derek Banas

anlamına gelir Koreli tıklayın akordeon ve İndir sağ tıklayın ama yaz için bir eş gelip ben Cupertino ince istiyorum Bunun üzerine tıklayın ve indirme tıklayın ve tüm bütününü indirmek için gidiyor Klasör Aslında bütününü almak için gidiyorum ne yapmam sonra ne tüm bilgiler kütüphane Buraya gelip bu adam Estas göreceğiz ki Orada Cupertino var ve bu aslında bu kopyalamak istediğiniz ne CSS kodu sana ihtiyacım yok Kütüphane ve tüm bu diğer şeyler size tüm kütüpha

Jquery Video Öğretici Pt 6 Resim 1 Jquery Video Öğretici Pt 6 Resim 2 Jquery Video Öğretici Pt 6 Resim 3 Jquery Video Öğretici Pt 6 Resim 4

neyi kullanmak için gidiyoruz eğer Yalnızca akordeon ortağı ve anahat rezoning kullanmak için gidiyoruz ancak eğer tabii ki kod içeriyor için bunu kullanmak isteyeyim Biz bırakın istediğiniz bir CSS kodu herkes anlamaya oluyor burada yol Burada ben mantıklı bir klasör denilen CSS var ve bütün düşebilir Burada Cupertino klasörü ama her iki şekilde bunu elde etmek için yapmanız gereken tek şey bu CSS kodu var Bu özel özel kitaplığı jQuery UI temaları ve tüm bu şeyler şimdi ben içine sadece atlıyormuşum Gördüğünüz ek

randa oranları gerçek kodlama ve yazma h4 etiketler: o bu isimler ve bu çünkü çizgi roman başvuruları budur birisi piyasalar ne kadar güçlü süper kahraman ile ilgili bana sorular soruyor işte cevap oldukça arayan taraf değilim bence en azından var Olgu bugün yani her iki durumda da burada toplam alanı burada Jacory olduğunu Kitaplığın kendisi burada jQuery UI kütüphanesi bu ve önceki gitti bulunuyor öğreticiler burada onları kontrol yapacağız çalışan ya da nereye oluyor olduğumu söyledim jQuery kodu ve burada bunlar sadece bu olduğunu görebileceğiniz bir div ve kimliği süper insanlarla her veya paragraf vergisi etiketleri tüm var var Ben çok basit sıkı bir akordeon oluşturmak nasıl burada bir sır var tamamını veya olacak tarzı bölümünde atlamada bunu ve özellikle soru bir çetelesini davet göndermek cevapları o bir akordeon yapmaya çalışıyorum ve istedim Eğer tıklandığında her paragraflar otomatik olarak kapatmak için nh4 etiketi numarası o ikinci Soames olacak arka plan yapmak Burada doğru vardı rengi koyu o yüzden yavaş yavaş Corey, vergi yapmak Bir dakika ama tamam gibi sağ bazı kaydırma yapmak için tüm şekillendirme olduğunu Orada ve gün için o yanı sıra h4 etiketleri çevreleyen eğer paragraflar set arka plan rengi ışık özledim Size oturum bunu 200 piksel maksimum verebilir mark bu konuda ılan için yıllık gizli Başka bir metin büyük olma noktasına taşmaları ve eğer sadece gelir Bundan daha bu bilgilerin ve ek vergi herhangi bunu Mac olacağını kısaltıldı ve ben sadece bana ben küçücük bir kırpılmış bir bir dükkan değil sayfa tamam bu yüzden orada ihtiyacınız olan tüm stil ve ben daha iyi yollar var biliyorum akordeon yapmak Bu burada ne yapıyorum Calley belirli soruyu cevaplamak için herhangi bir kötü berbat yapmaz ama ben de yapıyorum neden olabilir Ne yapmamı istemezdi yolu daha farklı bir yol işte div içindeki tüm paragrafların hedefleme ve paragraflar arada burada bu tüm bu sözler olabilir olduğu Kaydedilen tarihinin en uzun cümle otomatik gizlemek bu onun kalacağım vurur gibi neyi en kısa sürede yapmak için bir gidiyor Benim için tüm bu paragraflar, böylece bütün bütün şey çöker Tamam derecesi ve ben yapmak istiyorum h4 etiketleri hedef: ve ben birileri bu anonim fonksiyonları ve onarım çalıştırmak tıklamaları halinde söylemeliyim Bu referans ve bu bu kırpılmış var ne olursa olsun sadece bir referans Kelly ne olduğunu ile sorun yaşıyorsanız Ben olan tüm paragraflarını hedeflemek istediğiniz şey montaj olduğu doğru zaman olduğunu Kase Şu anda görünür bir paragraf varsa, bazı söyleyerek Ben uzakta edeceğim öylesine gitmek animasyon yukarı slayt aramak istediğiniz Ben o kadar çok yakın tüm paragraf sorun yapıyorduk ne böyle Kelly ile ve daha sonra Hyatt ogle dakika ne olursa olsun tıklandığı o öylece ekranda görünür yapacak olan Normalde geçiş yapmak için yükseklik özel animasyon kullanır değiştirmek olacak biliyorum çünkü ve sonra benim işlevinin yakın tamamen böylece biz o ben görebilirsiniz kaydederseniz gerekli tüm kodu Temel akordeon yarattı Ben şeylere tıklayın şekilde diğer tüm paragraflarını gizli Ekranda böylece bir akordeon oluşturmak için ne kadar basit Şimdi nasıl jQuery UI kullanarak bir akordeon oluşturmak için makine böylece kullanım jQuery UI kitaplığı size mevcuttur widget'ları Ben bu CSS olabilir olduğunu söylemek ona bağlamak zorunda değilim 8 referans ve CSS klasörü olduğunu kaydetmek Ek eski eş Cupertino ve sizi çizgi jQuery denir Bana bir nokta dash 8.10 Özel .ca tamam s yüzden şimdi bana bir yapacak bu CSS kodu ile bağlantılı görenek güzel görünümlü akordeon ve durum Tanrı'nın korkunç çirkin arıyor Ben olmayın jQuery UI tarafından sağlanan bu akordeon kullanıyorum çünkü şimdi ben Orada stil için bu yaş ve ben de o 300 var yolumu değiştirmek ediyorum gizli ve arka plan rengi almak: Biz taşması ettik ebeveyn yerine var ve cevap güzel kullanıyor değil şey bu o ne kadar kolay olduğunu kendi olgunluk yinelemek istiyorum bu, içine bir akordeon tarzı olacak ne var çok daha güzel olacak İşte yani referans superhumans ödemek zorunda Monako değişti ve ben sadece bir akordeon almak bir akordeon yapmak şimdi başlık bu h4 etiketleri ne olduğunu tanımlamak lazım: böylece daha iyi bir angarya, vergi ve tüm yakın bu yüzden ben size bakarak çok güzel görebilirsiniz saklayınız orada yapmak zorunda akordeon orada burada bu borcu bu kodu teşekkür klişe ve tüm diğer kod ve Seow tür bana şimdi nasıl işlemek için göstereceğim İşte ve ben daha önce sana gösterdi resim animasyon oluşturmak Buraya gelip aslında bir şekilde bu resimleri için yerleştirmek zorunda oluşturmak bağımlılık ve Seni o resimler kayma çağrı belirli bir ölçüde ben uzun zaman önce biri için bu kod var ama tamam bu yüzden olacak bulacağız sorry about that den kim hatırlayamıyorum bir Burada sınıf ve aktif görüntü ya da göstermek için gidiyor görüntü olacak Ekranda ilk olarak bir amerika Sizin gitmek kaynağını Met Ben bu görüntüleri sakladığınız ve görüntüler klasör ve ben sadece pic etiketlendi 1 pic 2 pic 3 ve Gidip Alternext için kötü haber ama resim editörü olmak eşit 150 gibi fiziksel 250 yüksekliği ile div kendi NN yakın kapatın ve aslında kullanımı dan üç bu adamlar Bu tabanlı karşılaştığı kopya yapmam gerekeni değişim sadece kendi üç değiştirmek ve bu konuda dışında bulunuyor Ayrıca istediğim görüntü ops yapacağız yani tamam bu sınıfta daha önce gelmek zorunda Buraya gelip bu yüzden aktif olarak adlandırılabilir bazı CSS kodlama yapmak stil etiketi alanında gömülü ve yine ben bunu yapmak kötü bir başlangıç ​​olduğunu biliyorum Ben hızlı bir şekilde bu eğitimleri yapabilirsiniz sadece bu yüzden HTML sayfasında bunu yapıyorum ve kolayca resimler ile cape tüm görüntüleri toplantı şeyi çevreleyen eğer vermeyecek gün sadece akış ile gider ki ve ben de onun konumunu göreli yapmak oldu sayfadaki her görüntü 150 piksel olduğundan istiyorum 150 piksel olarak yüksekliği bulmak Yine bir 150 piksel anne olduğunu do ile ilgili tüm styling Bu olacak ben de pozisyon ben şimdi tüm farklı görüntüler oturup var Tüm ayrıntılar Düz alır içinde bu hat yayınlanan Burada pozisyon içinde ve kesinlikle biz tüm bu görüntüler üstünde yatmak istiyorum birbirinden pozisyon kesinlikle sadece göreli konumlandırılmış olacak demektir üst kapsayıcı 150 piksel bir hayvan bulucu z-index hangi 20 yüksek z-index sayfası anlam yüksek vergi sayfanızda ne eleman görünmesini gidiyor, en yüksek z-index sahip sayfadaki yüksek bir şey Laura unutursam CSS öğretici dokunmatik sonra eğlence sınıfı vardı Belirli bir Azienda önceki görüntü olacak olan yaratıcı X biri sadece göründüğü emin olmak için altında ve üstünde olacak aktif görüntüden gizli veliler ve ben buraya gelip çok şimdi CSS kodunu seviyorum hepsi ve aslında yapacağım her şeyi 1 oluşturmak Ben mccall aralığı JavaScript set ekranda bu akordiyon terk edildi yapmak bu olacak ne işlevi tür dediğimiz işlevi çağrılır slayt PICS her iki saniyede yüzden slayt resimlerinizi oranı için daha iyi bir tahmin Ben burada Metab fonksiyonu dinlemek yapacağım budur slayt Pics geçerli pic adında bir değişken oluşturmak yok yok Kapak içeriden görüntü olacak olan Resimler anda bir aktif Class sahip div biz mevcut tüm bu kodlar aşağıda tanımlanan birinci oldu Orada alt çizgi bir bağlantı var ve ben bir sonraki endişelenmenize gerek Eğer bunu görüntü olarak bulmak için gidiyordu biliyorum mevcut pic sonra kapta yanında görünen Biz endişelenmenize gerek nerede ve yaklaşık iyi yani sadece üç fotoğraf orada var Üçüncü birine alırsanız hiçbir gelecek yok Öyle biri yok bir görüntü arıyorum başlamadan eğer bir sorunumuz var bu olacak tankları ise ne bu tür bir var Bir sonraki maaş var ve biz bitecek yine tüm başlayacaksın değil yoksa ve ben ayak pics referans ilk tur Elmer ödeyecek çünkü şimdiki pic do palyaçolar istiyorum aktörleri almak kaldır Ayrıca sınıf bir yol yapmak istediğiniz görüntü ve kalacağım shuffle gidiyor önceki sınıfına vermek olduğunu vermek o gidiyor, böylece alt z-index kaybolur ve ardından sonraki görüntü biz göstermek ister gibi özünde bakmak ekran olacak gerçekten donukluk 20 ve bir istemci en değiştirmek o önceki görüntülerde üstünde görünmesini gidiyor demektir aktif toplantı ekran Burada Minnesota çağıran düşman biz yavaş yavaş gidiyoruz İki saniyede donukluk 24 değiştirmek Burada ek fonksiyon ve daha sonra bir saldırı Bu öylece önceki sınıfını kaldırmak var ne olursa olsun ekranda geçerli pic önceki kaldırmak olduğunu ve biz iyi bizim fonksiyonun bitiminde bizim düşman kapatmak zorunda söylemek ve görebilirsiniz ancak görüntülerin tabii ki birçok resim koyabilirsiniz aracılığıyla ve bisiklet vardır içinde onların Eğer isterseniz bunu farklı şeyler bir ton var gibi GA çeyrek Eğer herhangi bir sorunuz varsa ya da yorumlarda onları terk altında veya başka şekilde dahaki sefere bölümüne yorum.

Açıklama

İyi JQuery Kitap: http://goo.gl/e30dUI Ben nasıl JQuery widget'ları kullanmak için gerekli kodu indirmek için göstereceğim. Ben o zaman nasıl 2 yolla ve nasıl bir görüntü slayt gösterisi oluşturmak için Akordeonlar oluşturmak için göstereceğim. Kod İşte: http://bit.ly/eV9fgA

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Derek Banas

Derek Banas

Ben senin isteklerine dayanarak eğitimlerini yapmak. Hayal edebileceğiniz herhangi bir konuyu kapsayacak

YORUMLAR



9.9/10

  • 125
    Olumlu
  • 1
    Olumsuz
  • 40
    Yorum
  • 19187
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Caramthros

    Caramthros

    10 AĞUSTOS 2007
  • Carlos Delgado

    Carlos Delga

    21 HAZİRAN 2011
  • ExcelIsFun

    ExcelIsFun

    16 ŞUBAT 2008

ANKET



Bu sayfa işinize yaradı mı?