Büyük siyah Kase tür biz üstüne vardı başlığı bu oldu İlk paragraf elemanı üst iki küçük tutan eleman şu bağlantılar veya kontrol düğmeleri veya kontrol mekanizmaları Bu genişletmek ve bu durumda bir verecekti kutu 1 geri çekilecektir burada fıkra uyarınca doğru kutusu 1 ve bir kimlik yukarı 1 vermek vardır ve bir sınıf vardır % benim uh yaptım ve bu diğer Buraya yaptım aynı sınıf vardır görebiliyordu bu yüzden bu yaptığımız etkileyecek hangisinin istiyorum Aynı plan aynı CSS ayarında yüzden biz bir bütün olması gerekmez lotta CSS

kurallarını ama bizim stil de sadece bu sınıf kaldırabilirsiniz ve ayrı ayrı tarz sizin kutularının her biri benzersiz hedefleyerek CSS içinde Burada bizim CSS kadar üst öyle yaptım, bu sınıf için biraz soğuk görmeye gidiyoruz hendek ve sadece ikisini de yaptım etkilediğini biliyor olabilir şimdi iki kutu arasında sayfa üzerinde küçük sürgülü kutuları Orada başka bir paragraf etiketi ve bu bir tutar Kutuyu genişletmek ve kontrol küçük göller kutusunu geri Size açılış ve kapanış kutusu plaj kutuları sadece paragraf metin içinde görebilirsiniz lazım Sizin için orada deepal kukla içerik koymak o yüzden CSS stil up yaptığımız ilk şey bakalım Hedef sayfadaki paragraf etiketleri olarak değiştirildiği Bu kontrol düğmeleri için küçük bir kontrol bağlantıları tutmak olanlar olacak Bu açık ve kapalı yaptım yapmak ve ben bir dolgu olduğunu vermek istiyorum Üst ve alt kenarında 10 ve daha sonra Sağ ve sol tarafta 20 ve istediğim bir arka plan var Burada discolor o D'nin mavi İki bağlantı tutun burada gördüğünüz alanlar Bu hedefleyerek tarz Şimdi bir sayfa Stooges içinde nativist paragraf etiketleri Bu hafif açılış ben bu tıklandığında kapalı Orada bir tane slaytlar açık ve kapalı olduğu vermek o Burada gördüğünüz bu alanda bu yaptım ve aslında bu da yaptım tarz fakat burada bu kural tamam yani 500 piksel yükseklik mavi bir geçmişe sahiptir Eğer sayfa yüklendiğinde varsayılan olarak görünmüyor olmak istiyorum 20 dedi ve sonra taşma: Biz taşma kullanmak gizli: emin olmak için gizli olduğunu Bu içinde içerik yaptım Ben yaptım bu kadar küçük aşağı animasyon ve sadece dışarı pop ve bunu kaldırırsanız görünmüyor taşma: Bu küçük program gizli Seni taşma olması bu yüzden tam olarak ne anlama görürsünüz: gizli Bu yaptım ve en son küçük şey hedef olduğunu yaptım bu içindeki küçük paragraf öğeleri olduğunu o günlerden içte bir göz atalım vücutta hatırlıyorum I bu kukla içerik koymak lisans paragraflar ve bu kuralın kendi vardı etkiliyor ne ekleme ve arka plan rengi bu arka plan maç olur background-renk vermek için: bu şekilde düzine farklı bir renge sahip ama yapabilir E. coli ne Eğer tüm CSS yani bir altyapıya sahip istiyorum bu yüzden DHTML daraltmak için gidiyorum Biz başladığımızda CSS geri yolu oldu Bu gerçekten ne çünkü şimdi hangi işi komut odaklanmak gidiyor ders tüm hakkında Tamam biz% başlamadan önce uh JavaScript edelim referans HTML şey burada göreceksiniz ki bu bağlantıların her biri onlar tıklandığında onlar sadece yalan o tarafa kiloluk işareti dönüş Fare aşağı olayı kullanıcının adres çubuğuna ama görünmüyor Genişletmek denilen içine başka bir kutuyu ateşlemesi için biraz seçenekleri koymak Eğer boks istediğinizde genişletmek ve daha sonra geri çekmek için sen boks istediğinizde elemanı çalıştırmak fonksiyonu yukarı tamam sen kutuları her biri bağlantıları kontrol görebilirsiniz geri geri bu işlevleri genişletmek ve geri çağırıyor ve onlar özellikle o bir argüman olarak gönderiyoruz Bu göndermek ne IT o geri bakmak istiyorum Bu fonksiyonlar arasında bir argüman olarak ve gerçekten bu işlevleri çağırabilirsiniz zaman senin html javascript kaya istiyorum burada hangi fare aşağı olay üzerine bunları çağırıyor oldu ama o herhangi bir öğe üzerinde istediğiniz olay her türlü olabilir sen istemek tamam en yeniden vücut içeriğini daraltmak edelim ve biz odaklanmak JavaScript siz var ki tam olarak farkında olduğunu biliyorum Onlar mousedown olduğunuzda onlar tıklandığında olduğunuzda HTML elemanları olacak bu işlevleri bizim JavaScript yapmak böylece ilk şey vardır çağrı Sadece ilk genişletmek oldu işlevi yazın açıp kapatmak parantezler biraz kaşlı ayraç olacak kapatma küme ayracı koymak için başvuran bir çift gidin ve genişletmek senin olduğunu net fonksiyon yuvaya sahip koymak şey fonksiyon yuva Küçük bağlantı tıklandığında yürütülecek yankılandı biz bir argüman alıyorsun mousedown ve hatırlıyorum o yüzden sadece diyelim eleman insanların isterseniz diyorsun ama ben buna başvurmak için gidiyorum eleman bu kimlikleri dinamik geliyor hatırlıyorum böylece eleman hiç çağrıldığını did temsil genişleme artık olacak benzer bir fonksiyona sahip Bir çift birlikte o çağrılacak gidiyor olarak işe o sadece o bütün ilk bir kopyalayabilirsiniz geri olduğunu olacak ve daha sonra ama böyle ikinci bir sadece işlevin adını değiştirmek onlar farklı ve bu videonun sonunda biraz dişli gidiyoruz gerçek hızlı nasıl bu iki işlevi yansıtmak için olacak göstermek siz değilim birçok sayfalarında bunları kullanmak nerede ve mümkün web sitenizin olması evrensel yazacak olan bu iki küçük yalın işlevlerini kullanın yukarı ve aşağı tüm web sitesi üzerinden bir şeyler kaymasına ve sen denilen bir harici safra olabilir Bu yol aslında bu senaryo vardı zorunda değilsiniz belgelerde oturan belki var kullanmak isteyebilirsiniz web sayfaları için ben bu tür animasyon kullanmak istiyorsanız Eğer nasıl ilk tamam yapmak için bir gösteri benim sis o kadar yansıtmak istiyorum genişletmek bizim hat çalışmayabilir veya yapacak yeni bir değişken adı oluşturmak olduğunu eşit değil hedef ben KODU eleman almak belgelemek ve bu eleman dinamik vermek başvuran edildi biri o olabilir fonksiyonu sayesinde olabilir mi geliyor, hem a vermek Demokratik aynı işlevi geçti Hedef gerçekten bu yüzden tıklayarak Ne insanlar bağlıdır sadece başvuran bir nesne dinamik hangisi vermek o aracılığıyla gönderiliyor için işlevi artık önümüzdeki Lima olacak kullanımı var Hedef nesne üzerinde offset yükseklik özelliği Kendimize yapmak için başka bir küçük değişken temsil Yükseklik hedefimiz tarzı hatırlıyorum Eğer biz onları göstermek istemiyorum çünkü yüksek 220 piksel kümesi sağlanan olması topun istiyorum onları her yol çöktü olmak Biz CSS yüksekliği 0 piksel belirlenen bu yüzden bu yüzden JavaScript burada ne yaptığınızı sadece onların başlamıştı olduğunu Bu değerleri, çünkü değer olacak bu boyunca değişen olmak Bu fonksiyon aslında bir zamanlanmış olacak genişletmek işlevini genişletmek H değeri olacak, böylece işlevi bakmak biz fazla mesai değişiyor gidiyoruz Gerçekten tüm bu değişken yani animasyonlu efekti oluşturmak yapıyor sayfada değerlendirmek Ne yüksekliği onun AT verdi barry milisaniye Çok sonraki satırda şimdi animasyon boyunca olacak denilen s H kısa yeni bir değişken oluşturmak veya yüksekliği gidin ve o kaydırma yüksekliğini ancak içeriği temsil edecek içinde Hedef eleman okul yüksekliği bunu elde etmek için bir yol temelde Bu içinde var yükseklik% üstünde sayı uh içerik yaptım Orada vardı bana bütün bu kukla paragraflar gerçekten yüksekliği kaydırma ve biz böylece o çizgiyi ekliyoruz tüm bu kadar gizlemek için temsil Eğer deets Onları istediğiniz dikey kadar içeriğe sahip olabilir bunu istediğiniz gibi kutu kadar dinamik içeriğe sahip olabilir ve disfonksiyon hala olursa olsun doğru yükseklik çalışacak içinizde var tüm içerik artık tamam yaptım dokuz Ertesi vergi sonrası Biz setTimeout yöntemi bizim döngü sayacı mekanizmasını oluşturmak için gidiyoruz javascript ve çıplak iki argüman ilk argüman istediğiniz fonksiyon tarih saklamak bir işe ve ikinci argüman hızı aktör gerçekten bir bin bu ayarladığınızda milisaniye olduğunu her saniye biraz animasyon olacak olması gerçekleşecek animasyon bölümü çok yavaş gerçekleşecek olan Ben bu nedenle çok hızlı bu sayı daha yüksek yani gider 8 üzerine koydu 5,000 onun olacak yavaş yavaş gidecek yeniden canlandırma gitmek ve ben de 8 koydum kulüpler bin eklersiniz ben istiyorum akışkanlığı çünkü ben tereyağı gibi pürüzsüz görünmesini istediğiniz istiyorum o kadar içinde bu döngü sayaçlarını aslında genişletmek fonksiyonu ham satın Sponsorlar Bu setTimeout mekanizması varlık tarafından kendi üzerine grup ve geçmiş dinamik değişkenlere başardık içinde son videosu yönelik o fonksiyonu sayesinde belki nasıl yapmak size göstereceğim çanak numarası sekiz hız şeyler olacak hangi genişletmek nasıl bu ilk argüman olduğunu bunun yanı sıra dinamiği yapmak göstereceğim eleman Dinamik being üstüne dinamik değişken sizin gibi birçok ekleyebileceğiniz geçmesi Eğer koymak bu kadar burada bu istedikleri gibi argümanlar aldı ve hızını temsil edebilecek pooped ve sadece böyle aldı gönderme tutmak düz aracılığıyla ve gerçekten bu çalışma tamamlamak için Yapmanız gereken tek şey, HTML içine buraya gidin ve aslında konuşma göndermek o bir virgül koymak ve ben vardı hız istiyorsanız o zaman sayı Bunu yapabilir orada 8 8 anahtar mutfak Işlevi çağrıldığında 20 şimdi biz dinamik hızını değiştirebilirsiniz mousedown böylece mantıklı mı üstünde birden fazla dinamik değişken gönderebilirsiniz Bu genişletmek ve geri fonksiyonları ile bir basın Denetim görme değilim Ben yere geri almak kodlanmış hız burada oraya gidiyoruz ama şimdi sen bu olabilir görüyoruz genişletilmiş geçti ediliyor dinamik olarak argüman işlev tamam bu yüzden yatırım yaptık ne kadar JavaScript bugüne kadar Yapmamız gereken tek şey kötü değil dört küçük çizgiler daha fazla şeyler olduğunu yapmanız gereken tüm at katılan çok kod kavramını olduğunu değil zaman Duke ve böylece bizim döngü zamanlayıcı altında tamam beni ekleyebilirsiniz ihtiyacımız doğru bunun altında sonra başka koşul deyimi ve eğer olduğunu fonksiyonunun son satırında biz ayarlamak için gidiyoruz Hedef elemanını yemek hangi olmak istemiyorum verdin cekti hangisi bir varlık olduğu denilen disfonksiyon olarak kendi stilini etkileyen nerede yükseklik özelliği ve dinamik bu değiştiriyoruz Dinamik her değişkenin H değişken değiştirilirken Ben gidiyorum, bu if ve else koşul deyimi içinde genişletmek de hemen sonraki son biraz açıklayabilir işlev Eğer kod genişletmek işlevi gider rağmen baktığını görüyorum hemen Ben şimdi burada başka bir şey koymak ve gerçekten güzel çalışır zaman tamam ben açıkladım tüm bu satırlar, bu onu kabul ediyorum Başka koşul deyimi o deyiş o bu o kadar Kutunun dinamik yüksekliği yüksekliği değişken onun animasyon yoluyla büyüyen olarak bu ne bu var o H az yani her değişken temsil hatırlıyorum kaydırma yüksekliği ne okul açıkladı Yükseklik biz can özünde böylece kutuda ile içerik var zaten anlaşılabilir içine bu tercüme yaptım benim merhaba az ise söyleyerek ingilizce içindeki içeriğe kaydırma hi ve ben benim büyüdü yapmak için gidiyorum Benim kapısı daha büyük de gizlemek anlamına gelir başka Jen bu kod içindeki kaydırma içeriğini çalıştırmak boy görseydiniz çünkü gerçekten zaman durmak ve her şeyi içindeki içeriğin sonra büyük olması ve gerçekten just wanna dururdu yüksek ne zaman yaptın genişleme süreci içeriğinden daha büyük Eğer bozulma genişletmek hatırlamak zorunda olan işte onun seyir sürecinde son derece hızlı çalışıyor ve yükseklik kutusu animasyonu izlemek için bütün zaman büyüyor bu nedenle bu H tüm süreç boyunca bu yüzden değişiyor yaptığı animasyon D az sonra içindeki içeriği söz konusu sayının hedef almaya giderken ve bu bileşik 5 ekleme değerli 52 Eğer bu değeri değiştirebilirsiniz ve bu değer her ikisi de bu kaç piksel hızınızı etkiler edeceğiz kutu büyümeye devam ediyor her pasif döngü de Bu işlev döngüler genişletmek olduğunu hatırlıyorum sadece devam ediyorsa kutuya gizlemek içindeki içeriği daha az olduğunu ve kesinlikle devam etmek istiyorum o büyük kutu zamankinden daha büyük hale gizlemek değil yapım animasyon o zaman bu başka içindeki içerik devreye girer ve orada ne olur size durdurmak net zaman aşımı olduğunu işlem bu süper hızlı küçük işlevi ve o zaman sadece bu genişleme tamamlandığında Kendinize bir uyarı çalıştırabilir ve bu biraz Demel değildi bayi I sözlerine ekledi video başına küçük bir demo oldu Sadece bir geliştirici amaçlı o uyarı gün olması gerekmez Bu kadar yorum ama sen geliştirmek sadece süre gözyaşı var öneririm O açıkça görüyoruz bu başka durum işin içine girdiğinde neler oluyor Hücreler durum görmek ve eğer işin içine girdiğinde bu gerçekten senin animasyon ve ben sadece yükseklik etkisi daha önce de söylediğim gibi o Biz CSS ayarladığınız burada bu özelliği CSS yüksekliği sayfa yük böylece kullanırken başlangıçta dinamik olarak değişen ve H numarası büyüyen uygulama Bu kutunun yükseklikte piksel değerine sürekli boyutu değişiyor bu şekilde ve gerçekten bu arkasındaki mantık gerçekten var JavaScript animasyon programlama bize olması Bir zaman döngüsü ve bazı değerleri ayarlamak zorunda şey belki de var olan onun sol pozisyon sayfasında üst pozisyon Eğer bile yok bu yüzden hangi kutunun yüksekliği olmak hareketlendirebilirsiniz sen animasyon hangi bu yüzden yatay büyür ama burada nereye gerçekten Eğer değiştirerek çünkü animasyon uygulamak zamanlanmış bir döngü çok hızlı kutusunda yükseklik değeri kadar böylece özgür basın Kontrolü s ve tarayıcıda bu koşmak Biz bir genişleme görmelisiniz ve sonra onu bir ile bitmiş olur genişleme tam hakkını diyor animasyon Şimdi genişleme yolunda hafta bir sohbet kutusu yardımı tam genişleme bu değerlerle şimdi tekrar edelim karışıklık nasıl göründüğünü görmek Ben bu bir araç edelim koşmak yaparsanız ne kadar daha hızlı görmek O o hızla gerçekten oldu ve ben bu bir yaparsanız o sadece her zaman bakmak gerekir 1 piksel büyümeye gidiyor demektir Peki ne yapmak için gidiyor tür yavaşlama olduğunu Eğer ben 10 piksel bu koymak bkz o, o baktı her zaman büyümeye gidiyor o o Peter serbest olacak Ben iyi bir hız düşünüyorum bu kutu piksel büyümek her Luka geçmek ve bu ayarlanacak Böyle 8 veya 8 10 şey de o bu sayıların etrafında oldukça düzgün animasyon ama bir şey yapmak gibi görünüyor Eğer gerçekten kolay dilek tüm soğuk almak bana şimdi şeyleri tutmak için biliyorum biz içine yerleştirilen fonksiyonu kadar basın Denetim bkz genişletin Biz izin vurgulanan sonra işlevi geri çekme içine buraya gitmek ve o tadı ve burada üstünde başlayalım Bu çizgi, bu hat tam olarak aynı kalması için gidiyor Bu kaydırma yüksekliği tam olarak aynı kalması için gidiyor çünkü gerekli değildir, bu değişkenler gerekli değildir geri çekme ihalesinde objektif hareket 20 ulaşmaktır yani gerçekten kaydırma yüksekliği ile bir meselesi olduğunu Bu özel fonksiyon artık döngü sayacı o ama aynen kalabilir Eğer sadece bu yüzden kopyalayın fonksiyonuna emin değiştireceğim isim yapmak zorunda Orada olmak geri istiyorum, çünkü burada değiştirmek Sanırım ulaşmak istediklerini söyledi hatırlıyorum kendisi loop geri aşağı sıfıra kadar öylece burada sıfır koymak geri çekmek için ve biz daha az gelen olacak değiştireceğim bu operatöre konum büyük böylece gizlemek durumunda D animasyon olarak bir kutu alıyor daha yere kutusuna gitmek için hi 0 o zaman kesinlikle animasyon tutmak istiyorsanız daha büyüktür Haftada yer alıyor bir anti-suç aslında artırmak ve bu olmak zorunda Eksi beş Aldığımız uzak kalacağız eşittir En yüksek on 5 piksel o yılını döngü her pasif yaptım 0 Henüz şimdi o / CW / sıfıra aşağı almak olur değil ki sadece ve zaman var animasyon Eğer hedef zorlayabilir ve başka koşulu alıcılar noktalar hasta height özelliğine var die Bu yüzden eleman 0 piksel olmak için ben sadece bunu zorlayacaktır ne yapacağını o arada bir yerde bulunuyor ihtimale karşı burada 0 piksel olacak bir ya da iki, üç ya da beş sadece sıfır aşağı zorlamak Gerçekten animasyon yüzden bu hat sonuna zaten olması gereken Muhtemelen gerekli değildir ve sonra tekrar zaman aşımı temizlemek istiyorsanız ve daha sonra yerine kendinize genişleme söyleyerek O tamamlandı ve bu uyarıları dediğim gibi hareket mesafesi onlar onlara dışarı gelebilir gerekli değil onları sana ne kaldırmak istemek ama şimdi olacak şey bu şekilde bu düzgün çalışır bakalım Google Chrome'da bu çalıştırmak benim aslında bana önde gidelim ve internet çalıştırmak Bu çünkü Explorer ikisidir Gerçekten biz engellenen içeriğe izin değerlendirmek gerekir işte biz Internet Explorer'da vardır kutusunu 1 genişlemesine izin Ben aldığımda CNN bildiğimiz ve üzerinde animasyon tam genişleme olduğunu söylüyor Ben döngü tamamen işleme durdurdu Şimdi en o kutu cazibe tamamlaması geri let kutu her şeyin cool olun tarama uzun adımlarla kaybolmuş yep henüz tamam Kutuyu çekmek duyuyorum kutu çok Tamam vatandaş ve keşfetmek krom ve iyi endişelenmeyin olduğunu Firefox'ta çalışıyor Bu konuda ve diğer tüm popüler modern tarayıcılar ve aslında olabilir kutu bağlantısını geri aşağı geliyor kutuda ile alt burada var ya da üst ani bu küçük lincoln görünür geri çekme kutusu diyor bir sonraki genişletmek kutu link burada olmak zorunda değildir diyerek T1R üzerinde genişletilmiş çekti Şimdi biraz rölanti biraz daha mantıklı bekleyin ve siz de yapabilirsiniz bu kutu 1 geçiş söylemek ve kutuyu geçiş ve bu iki bağlantıları ve sadece bu tek tıklayarak olduğunu kaldırın kutu yapacak sırasıyla yukarı ve aşağı gitmek ne pozisyonuna o bağlı ve bu yeniden programlamak zorunda kalacak Burada bakıyoruz yani ne şekilde hareket etmek çok ince sadece gerçekten başlangıçtır Diğer gerçekten harika animasyon çifti yukarı fonksiyonları böylece toplanmasını ve Eğer sizin genişletmek ve birlikte bir çift olarak çalışmak Peki ne yapmamız gidiyoruz çifti alıp bunları yapmak olduğunu Web üzerinde evrensel dinamik böylece tüm on ya da yirmi ya da elli beş yüz sayfalar yer bir yerden bu aynı iki işlevleri çağırabilirsiniz ve biz gerekmez Aynı iki işlev Tüm elli sayfalarda şimdi sadece dışa modüler hale getirmek için ne kadar kolay olduğunu izlemek ve web sitenizde gerçekten yararlı tüm sayfalar sadece Kontrolü basın O komut örneğin içinde ve şeyler X sadece komut etiketinin komut kapanış parçası haline Daha sonra burada açılış parçası olarak aynı satırda ve koyacağım eşit olacak kaynak özellikleri Biz JavaScript yapacaklar doğru yapmak vardı vermek istediğiniz adı ne olursa olsun şimdi Ben çizgi uzaklaştırma genişler arayacağım Yapmanız tüm JS basın Kontrolü s Ben yaratacağız Avrupa'da dosyanızı kaydetmek bir javascript dosyası krem ​​kolu iseniz mesajı tıpkı ki ben yaptım Ben başka bir editör yeni JavaScript konum verirseniz Eğer nasıl sereceğim yapmak biliyorum nasıl o bunu yolu yapmak çalışacağız biliyorum Basın Kontrol Benim panoya içinde vardı soğuk ve pop ve benim iki fonksiyonlar Kontrol s basın olduğunu gibi çizgi genişletmek olduğunu kaydetmek çekmek ve sadece bunu sahip olduğunuzdan emin olun Aynı kaya sen ona bakın asla eğer gibi ben sadece aynı klasöre söylemek böylece buradayım Bir JSP tüm bu büyük JS seninkini var istersen Her zaman çizgi ve sonra artık buna bakın Mayın sahne dizinde olduğundan ama böyle bunun için sarah değilim bu dosyalara hem emin basın Kontrolü s make kaydedilir ve şimdi en çalışıyor tarayıcıda bu önizleme izin ve biz başarılı modülerlik vardı biliyorum tamam dedim bu yüzden gibi dis bütünleştirmek için kullanabilirsiniz herhangi birine geri çekme JS komut genişletmek Bunu burada sadece bu soğuk var bu şekilde istediğiniz web sayfası o bir kez yazdım ama bir milyon sayfa tamam bu nedenle bu kod üzerinde çalışacağız ve bu kod bu dosyaların hem onları gidiyor kod kullanılabilir olması için Video altında PHP geliştirmek ve ben kesinlikle buna bir link koyacağız Videonun açıklamasında bugün Sizlerle daha sonra konuşacağız iyi misin tarafından.