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ş:
Nasıl düşük bir bant genişliği, gecikm...
nasıl bir UİİmageView dokunmatik olay ...
Nasıl bir dizi belirli bir değeri vars...
Nasıl iPhone SDK üzerinde etkin bir İn...
Nasıl bir dize Objective-C başka bir d...