30 NİSAN 2015, PERŞEMBE

Özel Veri Html Javascript Css Eğitimi Öznitelikleri

Ben yapmak ve bu egzersiz herkes özel verileri kullanarak öğrenebilirsiniz nitelikleri Onlar özel veri oluşturmak için yazarlar HTML uygulamak için izin Başka nitelikler mantıklı olan unsurlar kullanmak Onlar bilgilerin olduğunu uzatmaya yardımcı ekstra veri depolamak için HTML elemanları bir program bir komut dosyası için iletişim kurabilir HTML dosyası duracak Hindistan oluşturarak olduğunu bir örnek gün doğa onu kapatın ve sadece ben oluşturmak div her vermek Bir sınıfadı roketler ve ben sadece edeceğim için birlikte göstermek ve bu önemli bir 500 $ yok Benim CSS biliyor ve hızlı

bir şekilde arka plan rengini ayarlamak için gidiyoruz sayfa ve ben o bir stil kuralı koymak için gidiyorum roketler A sınıfı parantez olanlar dudes yalnız birbirlerine position: absolute bu şekilde ben bunları

ekranda etrafında uçabilir bir arka plan URL yolu onlar görüntü almak olduğunu söyledi var Bunlardan kadar roket bana genişlik ve yükseklik boyutu roket kümesini biz olmak için gidiyoruz çünkü görüntü beni

“Kaynak: https://www.developphp.com/video/JavaScript/Custom-Data-Attributes-HTML-JavaScript-CSS-Tutorial Özel veri özelliklerini kullanmayı öğrenin. Özel veri nite...”
Adam Khoury

bıraktı konumunu belirlemeye 0 piksel yapmak Burada JavaScript o sol pozisyonu hareketli ve bir geçiş özelliğine sahip yerinde Sadece değil yani bu şekilde sol pozisyon animasyon ve animasyonlu zincirleri sol pozisyonda o anlık değişim öylesine etkisi ISH biz onları uçan görürsünüz Şimdi biz görmeye gidiyoruz tüm şimdi bu hakkı bir göz atın Onlar konuma sahip, çünkü roket birbirinin üstüne yığılmış Mutlak şimdi yapacağız bizim özel veri niteliklerini ayarlama başl

Özel Veri Html Javascript Css Eğitimi Öznitelikleri Resim 1 Özel Veri Html Javascript Css Eğitimi Öznitelikleri Resim 2 Özel Veri Html Javascript Css Eğitimi Öznitelikleri Resim 3 Özel Veri Html Javascript Css Eğitimi Öznitelikleri Resim 4

atmak ediyoruz Oluşturduğunuz her özel veri niteliği bu beş başlamak zorundadır karakterler erişilen Uyanıklıkta veri tire Veri hitman böylece javascript bir veri seti olarak irtifa özellikle BE bu roket eşittir 100 Sonra Bir başka özel veri temsil atfettiğimiz eşit hale getirecek hızlı veri Bu özel roket için 3.5 gibi bir şey ve sonra ben olacak değilim eklenti son nitelik arayacak mesafe roket yutturmaca bu eşit hale 700 o sadece koymak istiyorum nitelikleri olan özel almak İlk roket ve onun ikinci roke

t bunları uygulamak Bu kimse bu hız yükseklik 200 make olacak 5.0 ve aynı mesafeyi götürecek böylece aynı mesafeyi uçmak ama onlar farklı bir yükseklikte farklı hız olacak şimdi nasıl bu erişmek için size gösteren girmeden Veri özellikleri bunu nasıl olur istediğiniz öğeleri hedef göstermek sen JavaScript Belirli bir veri özelliklerine sahip ve değer yazabilirsiniz böylece nokta roketler CSS özellikleri seçmeni kullanarak Rockets sınıf hedef yaptı Jadah irtifa Kartal 100 hedef çok 90 derece ölü döndürmek C görebilirsiniz tam ne oluyor en go ahead ve bu C & C hale izin biz birbiri üstüne yığılmış roketler vardı ancak irtifa 100 ile bir anda 90 derece döndürülür böylece herhangi öğeleri hedef olabilir nasıl CSS ile istediğiniz özel veri nitelikleri ve değeri ile Askerler 10 derece yolda böyle bir dramatik olmadığını koymak rotasyon yüzden sadece 100 Yukarıdaki veriler yüksekliği ile eleman Biz ne yapacağız şimdi CSS etkilenecek mal olduğunu Tüm bu kullanmak için gidiyor biraz basit javascript programı özel veri özellikleri ve bu roketler etkinleştirmek ve animasyon değerleri onları şimdi biz onları uçuş istediğiniz şekilde uçmak için komut birkaç satır açıldı edilir Ben bu örnek için yazdığı yer şimdi ilk biz değişkenleri oluştururken çok çabuk hepsini açıklamak biri roketler denir bu değişkenleri başlatılırken edildi ve tüm Rockets tutmak için gidiyor biz gidiyoruz dizide Sorgu tümünü seçmek kullanarak elde ve biz irtifa hız ve mesafe değişkenleri komut son satırı buraya şimdi başlatıldı penceresini kullanarak yük olay için dinleyici olmuştu ve pencereler polisin tüm unsurları yüklendiğinde hazır karşı komut dosyası ve biz roketler fonksiyonu olacak çalışmasını etkinleştirmek konum hangi Bu fonksiyon burada biz bu yaptığımız ilk şey oturuyor roketler işlevini etkinleştirmek Biz eşit olun Rockets değişkeni kullanın olduğunu Belge nokta sorgu tüm affeder seçin Rockets sınıf olduğunu bir dizidir verir, böylece Bir düğüm listesi% uh tüm Rockets Belgedeki biz yapacağız konum yani ne o sınıf için ne olduğunu uzunluk bu dizi boyunca bu dizinin üzerinde döngü için Biz Dizideki her roket etkileyebilir yolu böylece döngü için yapacaksın ilk şey irtifa hızı olsun ve Indy özel veri ayarlanmış her roket için mesafe biz koymak niteliklerini yerinde İlk irtifa değişken bir göz atalım ne yapmamız içinden geliyor biz dizideki her öğeye erişmek olduğunu ve biz tüm bu özel verilere erişim sağlamak için özelliğini ayarlayın verileri kullanma nitelikleri ve tüm yapmanız gereken size değer alacak veri kümesi nokta irtifa var Bu ilk roket 100 ve sana bir değer 200 $ vereceğiz hız ve mesafe için aynı ikinci roket için Şimdi roket erişirken nerede burada bir not alalım mesafe özel nitelikleri deve bunu Çakma vardı Hatta burada bile bunu iki kelime arasında bir tire var görebilirsiniz javascript biz tire ve biz sadece deve davayı kaldırın başarılı olması, böylece değere erişmek üzere irtifa hız ve mesafe vaaz roket ve biz sadece için JavaScript kullanmak CSS değiştirin üst stil o biz çok üst istiyoruz yükseklikte vermek mülkiyet ayarlanmış olur Geçiş süresi özelliği ayarlanmış çöl olur o doğru hız vermek bu özel öznitelikleri aşağı ayarlanır ve sonra biz sol özellik değişti mesafeye ve gördüğünüz her iki barlar bir mesafe yani 700 piksel var işte iniş onlar temelde ekran boyunca sadece uçacaksın veri setini ve tüm bireysel özel veri niteliklerini erişme ve sonra da programa istediğiniz şekilde bu uygulayabilirsiniz Sadece bu zavallı kullanabilirsiniz yaratıcı düşünmek zorunda Form girişleri paragraf elemanları özel verileri kullanabilirsiniz listelerde nitelikleri düğmeleri kullanmak zorunda değilsiniz kimse herhangi unsurlar Ben animasyonlar oluşturmak için burada kullanıyorum şekilde olursa olsun Eğer herhangi bir özel veri işlemede kullanabilirsiniz Sadece istediğiniz durumlar yaratıcı düşünme şimdi, bir iki roket var görebilirsiniz etkili programımızı görelim Farklı yükseklik ve farklı hızlarda bir yolculuk O en 0 No Bu geri etsinler Firefox ilk 1i Önizlemesi krom olduğunu önizleme dosya ve en önde gidelim ve Internet Explorer'da bana aynı etkiyi almak önizleme dosyası tüm farklı tarayıcılarda şimdi sadece bir not Eğer çocuklar için bir veri seti özelliği kullanılabilir olmayabilir kullanabilirsiniz, böylece eski eski tarayıcılarda erişim javascript nitelikleri yöntemini olsun Tüm bu özel şüphe yüzden sadece araştırma D devam edebilirsiniz nitelikleri nitelik yöntemi almak ve bu sana verecek uzakta aminler tüm bu çalışma için çok eski eski tarayıcı yazılımı ancak veri set özelliğinde Geri desteği hakkında endişeli değiliz bu yüzden tüm modern tarayıcılarda kullanılabilir Bir çok eski eski tarayıcılar için İsterseniz kullanıcıların veri seti özelliğini kullanabilirsiniz ama eski, modası geçmiş tarayıcıya geri destek niteliği yöntemini almak için kullanmak zorunda olduğu tamam böylece bu nitelikleri sizin özel kurmak tam olarak nasıl gösterir Eğer bu ihtiyacı varsa HTML CSS ile onları hedef nasıl ve nasıl onlara karşı senaryo o tüm bu erişebilirsiniz javascript kullanarak Eğer yerine koymak değerler ve oldukça basit gerçekten orada değil Bu konuda karmaşık şey fakat bu örnek o kadar bana yıkalım başlayanlar için biraz karmaşık olabilir aşağı Daha basit bir örnek ile bu betik aslında rağmen bazı deri çıkarma Seni burada bu satırı almak herhangi bir kontrol X uçurum bir referans olarak o satırını kullanabilirsiniz Ben tüm stil bok kaldırmak yaşıyorum ve ve bana bu ikinci dave sadece ilk onu bırakmayın iyi olduğunu kaldırmak izin yaptım Şimdi yapacak bir script öğesindeki tip bunu kapatmak emin olduğunu Biz test amaçlı sadece basit bir uyarı yapacaksın Daha fazla ama biz kesip ki bu hat yüzden bu kaldırmak izin ve en nokta belgeyi koymak KODU eleman alalım alışveriş merkezi yerine bir sınıf için dedi ve kimlik Arayan kimliği roket kimse onları ama onlar orada konum Belge ben roket 1 ile kask almak veri seti irtifa noktalı kaldırmak ve şimdi bu uyarı bize gereken 100 değeri, biz veri kümesi erişen çünkü irtifa özel nitelikleri bakın Biz yormak için değiştirmek 100 uyarmak Bu değeri elde edecek Bunu biraz daha o gitmek yani orada döndü çıplak kemikleri bu nasıl kuracağınızı bakmak Özel veri nitelikleri ve javascript bunlara erişmek Eğer sadece bir satır olabilir büyük bir kompleks programa sahip olmak zorunda değilsiniz ne olursa olsun kere Eğer bu veriler özelliklerinden herhangi istediğiniz değeri Şimdi sadece bazı yeni başlayanlar olabilir sadece bu durumda bu örneği kurmak sorun biz kısa küçük program ile ne yaptığınızı anlamak biz yazdı Burada ancak bu tüm HP geliştirilen bu sayfada var örneğidir üzerinde dok Ben var dediğim gibi emin şimdi çalışıyor olun senaryoların çok çok çok farklı Eğer böyle roket aktive etmek için kullanmak zorunda değilsiniz için bunu kullanabilirsiniz Ben bu gibi hissettim sadece bir örnek burada yapıyorum Ben göstermek istiyorum hissettim kurma nasıl JavaScript ile bunlara karşı komut dosyası artık bu edebilirsiniz Paragraf elemanları olması gerekiyor düğmeleri olmaktır Kullanmak istediğiniz ne şekilde olursa olsun girişlerini listeler Eğer ancak bu unsurların içinde istediğiniz herhangi bir özel veri Herhangi bir özel bir programlama senaryosu için ürününüzün belirli bir web sitesi veya belirli için için Yıl komut dosyası olduğunu ve bir final hatırlatma olarak programlar veri seti özelliği, modern tarayıcılardan ve içindir eski, modası geçmiş tarayıcılar sadece get nitelik yöntemini kullanabilirsiniz eski modası geçmiş tarayıcılarda çalışması için bir Safeway olacak ve yeni tarayıcılar ancak veri seti özelliği, modern için önerilir tarayıcılar Biz geleceğe üzerine gitmek gibi ve veri kümesi görürsünüz mülkiyet kullanılan ancak get nitelik yöntemi de kullanılabilir tamam ben bu öğretici nasıl anlamak beyler umut olur kullanmak ve uygulamak ve Daha fazla bilgi eklemek istiyorum zaman özel veri karşı yırtık nitelikleri veya HTML elemanları için daha fazla veri saklamak Normal nitelikler anlam ifade etmiyor o zaman verisi için kullanılacak tamam sana videonun yanındaki adamlar görürsünüz diğerine iyi.

Açıklama

Kaynak: https://www.developphp.com/video/JavaScript/Custom-Data-Attributes-HTML-JavaScript-CSS-Tutorial Özel veri özelliklerini kullanmayı öğrenin. Özel veri nitelikleri Yazarlar başka nitelikler ekstra veri depolamak için kullanmak mantıklı zaman kendi HTML öğelerine uygulamak için özel veri oluşturmak için olanak sağlar. Onlar html elemanları bir program veya komut dosyası için iletişim kurabilmesi bilgileri genişletmek yardımcı olur. Özel veri özellikleri JavaScript ve CSS hem erişilebilir.

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

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 169
    Olumlu
  • 2
    Olumsuz
  • 29
    Yorum
  • 6171
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • ELPRESADOR

    ELPRESADOR

    21 HAZİRAN 2008
  • TechBalance

    TechBalance

    12 HAZİRAN 2011
  • Whizzpopping

    Whizzpopping

    10 Kasım 2005

ANKET



Bu sayfa işinize yaradı mı?