SORU
17 Mayıs 2010, PAZARTESİ


Nasıl dokunmatik etkin tarayıcılarda bir dokunuş ile bir vurgulu taklit edebilirim?

Bazı HTML ile bu gibi:

<p>Some Text</p>

Bu gibi bazı CSS:

p {
  color:black;
}

p:hover {
  color:red;
}

Nasıl vurgulu çoğaltmak için dokunma özellikli bir aygıt üzerinde uzun bir dokunuş izin verebilir miyim? Biçimlendirme/JS vb değiştirebilirim, ama bunu yapmak için kolay bir yol düşünemiyorum.

CEVAP
23 Mayıs 2010, Pazar


TAMAM, buldum! CSS biraz değiştirerek ve bazı JS ekleyerek içerir.

Bir WordPress kullanmak çok kolay yapmak için:

$(document).ready(function() {
    $('.hover').bind('touchstart touchend', function(e) {
        e.preventDefault();
        $(this).toggleClass('hover_effect');
    });
});

Size başlangıç veya bitiş bir dokunuş sınıfı hover_effect açmak veya kapatmak için kullanılır. İngilizce:

Sonra, HTML içinde, bu iş için istediğiniz herhangi bir şey için bir sınıf vurgulu ekleyin. CSS, herhangi bir örneğini değiştirin:

element:hover {
    rule:properties;
}

ile

element:hover, element.hover_effect {
    rule:properties;
}

Ve eklemiş yararı için, CSS ekleyin de

.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

Tarayıcı/Kaydet/kopya isteyen durdurmak için ne olursa olsun görüntü veya seçin.

Kolay!

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • EEVblog2

    EEVblog2

    2 HAZİRAN 2014
  • mliskIT

    mliskIT

    29 Mart 2012
  • PomplamooseMusic

    PomplamooseM

    28 HAZİRAN 2008