çebilirsiniz Prototip biz nereli komut unsurdur javascript ve metin / niteliklerini yerleştirmek için gidiyor nasıl JavaScript ve videonun sonuna doğru Gidip göstermek size yolu biz sadece arama javascript dışa Bu burada kazık: Harici gibi üzerinde hat 7 yerine bir javascript arzu sahip belge içinde ve ben de çalışıyorum arada dosyası tarafından ABD böylece nokta HTML dosyası artık her e-posta hizmetleri çalışma gemi endeksli olabilir edilir onlar da sürece bir web belge olduğu gibi PHP veya hizmet% uh PHP

endeksli olabilir Biz belge için CSS ve JavaScript koymadan önce şimdi yapacağımız gitmek ve gövde elemanının içine ilk şey tüm HTML koymak Ben alacağım 2 mahkum JavaScript pürüzsüz hareketli veya okul öğretici yazın ne zaman bir vurgu tüm bu ve yapmak ben hızlı emin h2 metin ben bu h2 ve kimliği vermek istiyorum nitelikleri bir değer benim başlık oldu şimdi bir satır soğumasını ve en açalım var yapmak, böylece bir bağlantı ve eleman onun bir gezi sterlin eşit nitelikleri işaret dental hiçbir yerinde bir yapacağız gitmek olmadığını yolu tıklama olayı o olacak nitelikleri Eşit return false ve bunu yapıyoruz diyez işareti almaz böylece kullandığı koymak adres çubuğu kontör 10 kendi adres çubuğu bu bağlantıyı tıkladığında Biz Onclick olay kiloluk işareti return false koymak vermedi kendi adres parti sırıtmak URL'yi sona erdi ve gerçekten istemiyorum Şimdi aşağı fare üzerinde koymak için gidiyoruz Olay bu linke işleyicisi ve eşit olacak Biz işlev model adını çalıştırmak istediğiniz javascript işlevi açmak için otomatik kaydırma olduğunu size koymak olabilir yakın parantez noktalı virgül konum şimdi burada iç HTML bölümünde biz yazın gidiyoruz Belge bölüm 1 yüzden bu biraz bağlantı tıklandığında otomatik iç çamaşırları kaydırma olacağını Birinci bölümde ve böylece belgeye en bölümüne telafi edelim belge yapacağız bu gün olacak bir kimliği var olduğunu tam burada vermek koyacağız bir sınıf vermek için eşit eşit olacak İçerik kutusu yüzden sayfada ne olursa olsun klasik içerik kutu vardı olacak biz sadece bir an oluşturmak CSS etkilenebilir bu yüzden bu sayfayı% benzersiz kimliği olarak yaptığımız bu yana uh Biz gidiyoruz elemanı olacak bir vermek bu yüzden otomatik kaydırma için bu bağlantıyı imzalamak Otomatik kaydırma işlevi nd argüman hangi Bu otomatik kaydırma fonksiyonu henüz yazılmadı bu sadece bir saniye içinde burada JavaScript elemanı yazılacak gidiyor ancak argümanı sayfasında hangi eleman geçmek gerekir oto kaydırma istediğiniz kadar biz burada onların argüman geçmek zorunda fonksiyonu sayesinde Ben tek tırnak bir vermek arasına koymak yaşıyorum bu burada yaptığımız kimlik çünkü Şimdi sadece yüksek son basın Denetim görünce yaptım kopyalayın ama bir satır aşağı bu Mercedes yapmak iki kez daha şimdi sen var bunu içerik vermek İçerik bölümleri için Alice bağlantı vurgulamak olacak edilmiş belgenin de bu özel bölümlere gitmek için o gereken bir temiz küçük bağlantılar Kullanıcı, bu bölümlere küçük okula tıklayarak ki belgeler bölüm 2 söyleyecek üç ve değişikliklere koymak bölüm 3 bölüm ve ardından sizin için neler görürse çocuklar üç vermek için Her bağlantı bunun üzerine fonksiyon patlar tıklandığında Otomatik kaydırma fare aşağı olay işleyicisi için bu sayfada sayfada hangisi eleman iyi herhangi bir noktaya yaptım sahip olan Bunu yapmak veya altına şimdi gidin istediğiniz Her Başka küçük bağlantı olmasını istiyorsanız verin bu yüzden her yerde biz düğmeleri için bu ticaret yapabilirsiniz burada öğeleri kullanarak edildi Sadece o değil kullanmak kullanıcı arayüzü her türlü ama şimdi ağıtlar giriş elemanları eleman kullanıyorum gibi Her içerik bölümünün altında yazmak istersen bu yüzden ben başka bir bağlantı yerleştirmek için gidiyorum burada bir vermek altında bakın ve bu bağlantı, bir yukarı üstüne benzer, ancak bunun yerine Bir işlevi ateş onun fare aşağı olay denir ya da okul olarak adlandırılan bir işlev yangın gidiyor başka bir özel fonksiyonu şimdiye olacak olacak kaydıraç sıfırlama oluşturmak ve kod ve net hatları sadece birkaç yapılır olmuştur Şimdi üstüne geri kaydıraç sıfırlamak ve renk fonksiyonu sıfırlar biz de o birine bir argüman geçmek zorunda ve biz benim başlık olacak değer geçirerek Benim başlık üstünde elemana inci hatırlıyorum ya da durumda o emin kimliği yapmak istediğiniz ne olursa olsun başlık olabilir Bu öğenin sayfanın üst kısmında ne unsurlar reset öğrencisi işlevine argüman olarak geçirilir ediliyor yaşadığınız Şimdi ne yerde bir küçük Inc o Eğer üç daha koymak istiyorum Her sevgili altında senin sayfadaki içeriğin bir sürü tuttuğunu Şu anda bir elemanı için bu birinci Sağ olanlardan sonra en sadece bazı çizgi koymak izin onlar her şeysin böyle kırılır Aynı hat ve bu HTML tüm şimdi biz görünmesini gidebilirsiniz CSS koymak stil öğesi ve içine etkileyecek gidiyor O senin sayfadaki içerik bölümleri verir içerik kutuları var O sınıf adı kontrolünü C vurgulamak Hindistan tip stil öğeleri içinde ve sonra yukarı kopyalama nokta macun ve içerik kutusu açık kıvırcık ihlali açıkça tabanlı yakın birkaç satır aşağı gitmek ve ben de attı ben Bu beş satır CSS ve aslında biz şimdi ne var bir göz atabilirsiniz Bizim kağıt tarayıcınızda bu sayfayı render tarafından bakın ne var bakın Ben bu bağlantıları tıklayın zaman henüz javascript çünkü hiçbir şey olmayacak ama benim CSS ve HTML rağmen o gitmeye hazır Tamam ben şimdi CSS daraltabilirsiniz biz gerçekten görmek gerek yoktur ve çünkü ben de çökmeye edeceğim Biz yapabileceğimiz ilk şey JavaScript odaklanmak için gidiyoruz çünkü HTML oluşturmak üç değişken ve onlara varsayılan değerleri vermek ve bu üç değişken olacak çalışması için otomatik kaydırma içinde kullanılmalıdır vardır böylece işlevleri açık artırmada yazdığınız başlayalım burada TM deve muhafazasına aralıklı otomatik kaydırma böylece ilk kelimeden sonra her olay oval bir kelime Onunla ben isim Camp Casey adında bir harf vardır punchan kelimeler orada K konum nerede belirlemenize yardımcı olur lanet olarak 'em önemli bir değişiklik yakın parantez açtı Açılış küme ayracı koymak için koyarak birkaç satır soğumasını senin kıvırcık tabanlı kapanış sizin fonksiyon yuva olacak tüm kurmak ve disfonksiyonu hatırlıyorum şimdi gitmek için hazır Kullanıcı bu tıkladığında bu işlev denir HTML her zaman bakmak bağlantılar vermek hangisi up aracılığıyla bir argüman geçerken sayfadaki küçük kaydırma istediğiniz bu yüzden ne olursa olsun elemanı verir toparlamak zorunda kısa EL elemanı duruyor ve biz EL arayacağım şimdi biz oluşturmak için gidiyoruz ilk değişken işlevi var Geçerli ismini gidiyor bu yüzden eşit olacak Pencere nokta sayfası neden ofset Şimdi ne pencere nokta sayfası neden ofset senin komut döner kullanıcının tam sayı piksel Şimdi sayfanın içine içerik kaydırılır olarak bu değişken sonra çağrılacak başka bir değişken gerek Hedef y ve üniversite hedef yalan Y konumu nedeniyle düşey düzlem size fuar biz yapıyoruz ve aşağı konum beri yatay düzlem ise biz kaydırma tüm fuar hakkında endişelenmenize gerek yok hangi neden konumlandırma hakkında endişe yapacağız Bu dikey yukarı ve aşağı ile ilgilenir, çünkü Yatay yanlara ve biz bu değişkeni dememizin nedeni ile X fırsatlar o temsil edecek çünkü hedef y Onun argüman içinden geçirilen yaptım hangisi bir fonksiyon çalıştırmak için çağrılır Kullanıcı bu bağlantıyı tıklattığında burada verdiğinde yani üç gönderilen olacak Bu fonksiyon, biz bir belgeye bakın, böylece EL olarak temsil edilecek gidiyor bu üç veya dört tane vermek olacağını seksen EL tarafından on yıl elemanı nokta Ofset kullanmak top özelliğini ofset Bunun üzerine üst mülkiyet betik ne olursa olsun size döner mi Tam olarak kaç piksel dat eleman D olduğunu sayfadaki üst veya her ebeveynden ise eleman yüzden ancak ana kadar aşağı bizim durumumuzda olan ana öğenin içine tüm bunlar için üst öğesidir bu yüzden ancak gövde elemanına Bardia olduğunu Oğlan gövde elemanının içinde bu sayfada oturuyor ancak ana kadar biz geri dat tam piksel sayısını elde aşağı Hedef y fileleri Javascript olmadan nasıl bu önümüzdeki iki satır temsil kaydırma yaparken çünkü sadece yerdesiniz Biz emin olmak için sayfanın alt vurmak olur Biz animasyon iptal ve tüm süreci durdurmak Otomatik kaydırma mekanizması çarptığında ne olacağını olacak çünkü okullaşma olduğunu Sayfanın alt ve onların fare ile kaydırma sayfasını toparlanıp çalışır kullanın animasyon dibine onları geri iterek devam edecektir bu yüzden bu iki değişken olacak bu sorunu hafifletmeye yardımcı Biz vücut yüksekliği olsun ilki burada bir sayfada gövde elemanı var böylece tüm vücut yüksekliği gölgeli belge organıdır ofset height özelliğini şimdi y konumu değişkeni nokta biz tartışılan hangi neden akım ekleyerek olsun Tüm temsil biz o olsun nasıl görünür ve izledim Geçerli neden artı yeni bir pencere kullanmak için Onun yükseklik özelliği ve eğer durumda bir anda var script bunu göre görmek karşılaştırmak için gidiyoruz: pozisyonu pozisyon vücutta puan konuşuyoruz zorunda neden içine vücut yüksekliğinden daha fazladır yükseklik Ben bütün animasyon ve kaydırma durur iptal ediyorum Kullanıcı sayfanın alt isabet etti, çünkü Sana neden bu iki değişken oluştururken oluyor adamlar anlatmak istiyorum Şimdi olacak oluşturmak komut sonraki satır animasyon vardır mekanizması ve ben sadece bu çubuk animatör isim olacak ve bu setTimeout mesajı eşit olacak ve ayrıca web belge şeyler canlandırmak için söz konusu aralığı kullanabilirsiniz Bunun ilki geçti argümanları bir dizi I piyasalar hangi olmasını istediğiniz işlevi burada sadece bir olduğunu Eğer askerler proje fonksiyonunu çalıştırmak istediğiniz çok soğuk Hayvan put evet para açılması ve kapanıyor Şimdi kaçak sonraki argüman olduğunu Biz hız değişken kontrol milisaniye olacak bulunmuyor milisaniye cinsinden ve Bir Ashley bu özel komut değişiklikleri asla bir şey bu yüzden sadece aslında bizim hızına sahip nasıl yazma 24 aslında sadece 24 Ara koyabilirsiniz Biz bir değişken yarattı çünkü bunu sadece hız 24 olduğunu biliyorum bar ihale hızı olarak adlandırılır ve bir değeri vardır dışında 24 böylece 24 milisaniye 1000 milisaniye hatırlıyorum setTimeout ne oluyor yani bir saniye eşit ancak değişken isim animatör otomatik kaydırma dat olduğunu fonksiyonu defalarca çok hızlı kalmak olduğunu saniyede birçok birçok kez tekrar tekrar çalıştırmak için çağrıldığını tekrar ve tekrar ve animasyon javascript yapılır nasıl bu yüzden her zaman çalışması için bu otomatik kaydırma boyunca bir argüman geçmek zorunda o ishal olan EL yani diyelim basın Denetim EL bakımı gördüğünüz Biz belirgin tek konur burada tek tırnak arasına geçmek zorunda tırnak işareti o kadar eğik bize bir günah vergi sorunu vermek için gidiyor Her bir teklif önce tek tırnak ile herhangi bir sorun olmaz onların Orada çevrelerindeki ters eğik çizgi vardı bu iki tek tırnak arasına 10 Biz tek bir çağrı koymak için gidiyoruz artı EL artı tek tırnak Tamam biz onların bile üzerinde yakınlaştırma olacak ne var bkz gerçek güzel ben oynamak zorunda tam karakter yapılandırmasını görebilirsiniz o uh değer% geçmek ya yapmak istedim verecek Onun apt müzayedeye arka yaratıcı Burada çalıştırmak için çağrıldığını var olarak saniyede defalarca birçok birçok kez İsterseniz setTimeout mesajla daha fazla argüman iletebilirsiniz şimdi biz gidiyoruz doğru büyük bir fonksiyonda altında koşulları ve bu nerede yapmamız için gidiyoruz eğer ve o ben kontrol bahsediyoruz görmek için kaydırma mekanizması sayfanın alt vurmak olduysa kullanıcı denemek olur eğer animasyon devam etmek istemiyorum okul yukarı yine hit alttan animasyon tutmak için gidiyor animatör net bir zaman seni görmek bu sayfanın alt kısmına sahip olması durumunda animasyon stop yapmak için böylece eğer koşullar sonra biz başka koyabilirsiniz ifadesi bu yüzden birkaç satır daha senin küme ayracı açın ve gerçekten diliyorum yakın Burada başka durumda yapacağımız matematik biraz var olduğunu hesaplamalar Tüm setTimeout çok stash çalışan döngü yaratıyor yapıyor Bu eğer animasyon sağlayacak adil sayesinde bazı sayılar ve başında hatırlıyorum ve ben mısın kaydırma yöntemini Animée öğrenmek yapmak söyledim hatırlıyorum Pencere nesnesi kadar ben de öyle ihtiyacımız animasyonu yapmak Başka biraz başka koşul açıklamada ise ve o hiç son biraz olacak var olduğunu işlevine bizim ya da okul içinde bana bu son birkaç satır anlatalım böylece animasyon yaparken eğer y konumu yüksekliğinden daha büyük tümüyle bu animasyonu temizlemek için gidiyor veya işleve okul eğer çalıştırmak sona erecek Okul mekanizması onun başka sayfanın altına saklamak istediğiniz animasyon onun koşul olmuştur gerekebilir Burada yer hedefe olmadığını görmek için Eğer ulaşmış ya da değil edilmiş gitmek için çalışırken bu başka nasıl olurdu çünkü animasyon durdurmak kaydetti sayfa olur üzerinde mevcut konuma değerlendirmek zorunda o vurur biz ilerleyin istediğiniz hedef elemanı ile o zaman biz animatör tekrar emin biz açıkça zaman aşımına yapmak istiyorum dedi basitçe eğer söyleyerek tüm bu mantık kadar Mevcut nedenle, hedef y'den daha az olan eksi mesafe ve mesafeleri biliyorum Hiç mi 40 yani hedef y 12 üç ya da dört bugünkü konumu hedef y eksi 40 piksel olacak şekilde hedef y'den daha az neden mevcut ise -40 o zaman biz şimdi kaydırma kaydırma miktarını oturmak için gidiyoruz işte o, çünkü niye tutar komut için çok önemli bir sayıdır yapacaksın animasyon efekti yapmak için ekleyerek değişen tutmak neden ve güncel ekleyerek neler 40 özlem mesafesi bunu değiştirebilirsiniz, böylece Eğer olabilir istediğiniz herhangi bir sayı yüz on olabilir böylece animasyonlu etkisi olsun nasıl sen almaktır Geçerli y konumu nerede gerçek okul çubuğu sayfada olduğunu ve kırk bunun bizi alır ekleyin hayvanlar o pek piksel çok çok hızlı bir şekilde animasyonlu görünüyor bu şekilde o kaydırma I süre alabilir ve aslında serin bir yöntem yanındaki pencereye uygulamak Gerçekten bu hat pencere çalıştırdığınız her şeyi arkasında sihirli dats keçeleşmiş kool hangi temelde çok bahsedilen sayfada belirli bir noktaya gitmek için izin verir 900 ve ben burada javascript dizide kendisi tarafından bu satırı koştu Sayfanın aşağı 900 piksel kaydırma pencere ama o hiçbir animasyon olacaktır buna ek edeceğiz Burada değişken de var aslında O zamanla çok çok hızlı bir şekilde değişiyor yavaş yavaş büyük ve daha büyük o okula olacak animasyon var getting böylece noktaya kaydırma animasyon üzerinde gerçekleşmesi olduğunu görünen gördüklerinizi İstediğiniz sayfa böylece mevcut ise neden% 2'den az hedef y sayfadaki o noktaya animasyonu tutmak istiyorum Oraya alır kez orada gelene kadar bu başka bir durum devreye giriyor ve o bütün fatura Eadie senaryo net zaman aşımı yani tamam şimdi Denise veya okula çalışabilme Biz ihtiyacımız olacak sıfırlar soğutucusu olan bir daha biraz dikkatli konum Küçük bağlantılar bir arka üst biz yerinde olanlar var lazım gitmek var hatırladı aslında bile o koymadan hemen uygulamanızı test edebilirsiniz hafta o kaydırma olacak bu bağlantılardan birini tıklayın o bölüme bakın ama biz hiçbir reset beri schooler işlevi henüz biz o bu çalışma henüz back to top gitmeyecek var tıkladığınızda sadece iyi şimdi böylece web belgede doğru otomatik kaydırma altında çalışması için en go ahead ve sağ alt daraltmak ya da bir okul için izin sıfırlama schooler adlandırılan fonksiyonu teşvik Bu çok benzer olabilir Sipariş okula işlev ama kesinlikle kadar büyük değil için Suriye gibi o kadar çok satır diğeri olan değil Temelde ne yapar onu başka bir şekilde gider yerine kaydırma ben eşit olması Geçerli neden artı burada mesafe biz kullanıyoruz Neden -40 eksi mesafesi böylece mevcut sayfa yapacak her zaman geri dönüyor hareketlendirmek için görünür Tamam ve orada biz net zaman aşımı gets kez ilk fonksiyonu olduğu gibi animasyonlu animatör aynı şeydir setTimeout ve set disfonksiyonu sıfırlar renk çalıştırmak için Biz koşmak setTimeout mesajı koymak neden tekrar ve tekrar o var onlar aradıklarını işlev içinde bir görünüm oluşturur ve aynı hızda bu bir o kadar farklı hız koşmak yapabilirsiniz çalışıyor Okula istedim temelde eğer Daha hızlı göstermek Zaman daha fazla isterseniz belgeler bölüm 3 tıklayın yüzden isterseniz üstüne geri gezintiye Süper yıldırım hızlı sadece burada bu benzetmeyi değiştirebilir Ben hız kulüpler ve görmek 10 yerine 24, hız on olacak sen ben onları daha hızlı hale bebeğim 95 şimdi testis I bölüm 3 gidin Ben başa dön sereceğim gitmek süper olabilir zaman Başa kendi bölüm 4 geri evet pasa geri gider böylece aynı değişkeni kullanabilirsiniz İlk fonksiyon olarak aynı hızda gitmek için ya da onu değiştirmek ve Siz herhangi bir sorunuz varsa temelde bu kod aynı şeydir aşk üstünde ihale yapıyor ve ben her satırı her iddia okumak Bu işlev içinde temelde her şeyi o üst işlevi Tek fark burada zaten açıkladı biz gidiyoruz olduğunu edilmiştir Eksi bunun yerine artı mesafe tamam en bizim favori bizi işler izin Tarayıcı ve görmek Biz mağaza bölümü ne vardı 1 durdu çok iyi bölümüne yedeklenen başa dön bölüm 3 hayırlı başa dön bağlantıya gitmek alt şimdi tüm yol güzel çalışıyor Ben en atalım üst iyi hareket Bir disfonksiyonu içinde kaydıraç sıfırlamak ve çökmüş Bütün bu kod ben devralma HTML oldu yanı sıra ve CSS o daraltmak zaten başından büyük bir anlaşma hatırlıyorum çöktü Sizlerin ne kadar sadece kod yansıtmak için olacak göstermek sana im anlattı ve hatta nasıl kullanılacağı insanlara gösterebilir onlar gerekmez böylece kendi sayfaları için bir çerçeve olarak dış komut Sadece biraz senaryoyu yazmak zorunda biliyorum ve onlar sadece işlevlerini kullanabilirsiniz Sürece dışa yönelim olarak Sadece go ahead ve bu vereyim komut örneğin kaynaklar en emin yapalım olmalıdır JavaScript dosyası otomatik olarak adlandırın izin eşit Tamam JS nokta ilerleyin böylece bir kez yerinde JavaScript vurgulamak rağmen almasını var JavaScript, ancak fonksiyonları ve bu üç değişken de çok bu üç değişken olsun ve her iki işlev kontrolü X onları kesip vurgulanan komut örneğin ifşa almak ve sadece açılış şerit take hemen yanında koydu giymek tek bir satırda bu belgesel kurtarmak için bir basın Kontrolü s tüm var Yeni temelde sadece .gs oluşturmak isterken JavaScript o hazır Chris kontrolünü aldıktan sonra dosya var bu yüzden tüm kodunuzda koymak için sizin fonksiyon otomatik kaydırma ve konu fonksiyonu tüm dahilinde hasta Harici bir belge şimdi sadece ben edeceğiz lazım Aynı klasörde saklayınız öylece am burada var demek şekilli otomatik yürüyüş Burada CC ben gibi otomatik kaydırma var: böylece kazık kaydedilir ve orijinal dosya olarak biz üzerinde çalışıyoruz o Bu komut dosyasını çalıştırmak eğer öyleyse şimdi kaydedildi Hala çünkü içine dağılmış çalışması gerekir ve harici veya okul o burada bulmak için yani ne yaptık biz modüle ettik olduğunu ve biz dış kimseyi isteyen yaptı sadece kafa etiketi belgeye bu bir satır koyabilirsiniz ve bu işlevleri kullanmak aslında yazarlar işlevleri zorunda değilsiniz Ben bu yüzden şimdi en sevdiğiniz tarayıcınızda bu çalıştırmak test edelim bir belgeye onları Başarıyla bağlı olan her şeyi ve MH ve Bu yüzden her şeyi animasyonlar biz başarıyla bağlanmış demektir bulmak Dış siparişlere aracı Hollandaca olarak serin: şimdi diğer kişi bu kullanmak için izin Şimdi yapmanız yapmanız gereken tüm yarattık dış çerçeve gibi bir yürüyüş ya da: herkes için kullanılabilir web üzerinde bu kadar Eğer sadece bir yerde web üzerinde koyun ve onları kendisine bağlamak için izin veya bu indirme it up sunmak ve onlar sadece kendi sunucusunda koyabilirsiniz kendi Web sitesinde ve bu kaseti bağlar Onlar bağlıdır zorunda değilsiniz bu şekilde kendi sunucusunda dosya aktif olmanın sunucu açıklamasını yapmak için kullanılabilir tamam sen bu dersi zevk umuyoruz ve bunun içinde bir lotta göstermek Çekirdek JavaScript programlama biz nasıl gösterdi Gerçek JavaScript animasyon sıfırdan oluşturulan belirli özellikleri ve mesaj JavaScript Dom animasyon ve bunun da ötesinde biz nasıl gösterdi dışsallıyarak modüle ve kullanmak isteyen herkes için kullanılabilir hale belki onlar JavaScript programlama bilmiyorum çok iyi biliyorsun ne Çekirdek JavaScript programlama C, tüm tür fonksiyonları ve serin çerçeveleri oluşturmak insanların kullanımı ve onlar ilk şey öğrenmek zorunda değilsiniz.