Yeni Kayıt
Konudaki Resimler
|
|
_____________________________
|
Bildirim
jquery animate sorunu
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Redmagic 11 Air Phantom 16Gb Ram 512Gb Gaming Akıllı Telefon : Amazon.com.tr: Elektronik
https://www.amazon.com.tr/dp/B0GDXNG5BD
2 sa. önce paylaşıldı
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
css ile verebilirsiniz.
Örnek ;
a
{
background-color:#F60;
-o-transition:.8s;
-ms-transition:.8s;
-moz-transition:.8s;
-webkit-transition:.8s;
}
a:hover
{
background-color:#F63;
-o-transition:.8s;
-ms-transition:.8s;
-moz-transition:.8s;
-webkit-transition:.8s;
}
_____________________________ -
teşekkürler, jquery olmadan iyi oldu baya zorluyordu. _____________________________ -
ApeXiRubbEr
kullanıcısına yanıt
Rica ederim jquery bilginiz yok ise zor olur ama bana göre css ile yapılan herşey css ile yapılmalı yetmediği yerde jquery ile desteklenmeli.
iyi çalışmalar._____________________________ -
jquery bilgim çok yok evet, peki active özelliğini nasıl kullanabiliriz jquery olmadan, class değişeceği için sanırım onda jquery şart. _____________________________ -
Cevap verilmiş zaten de bildiğim kadariyla jquery ek bir plugin olmadam renk icin animate kullanilamiyor.
< Bu ileti mobil sürüm kullanılarak atıldı >_____________________________ -
ApeXiRubbEr
kullanıcısına yanıt
Bunlar dene işini görür diye düşünüyorum.
a:link {color:#FF0000;} /* Tıklanmamış link */
a:visited {color:#00FF00;} /* Tıklanmış olan */
a:hover {color:#FF00FF;} /* Mouse üzerindeyken link */
a:active {color:#0000FF;} /* Seçilmiş olan link */
_____________________________ -
ZT7
kullanıcısına yanıt
Css ile bir çok animate jquery olmadan kullanılabilir yetmediği yerde jquery kullanılabilir tabi.
Fakat jquery ile animate yapılır .
Css ve jquery hayal güçü ile sınırlandırılır :) .._____________________________ -
yardımların çok teşekkürler css ile animate çok işime yaradı çalışmamda.
active class olarak kullandığım zaman sabit bir sayfada kalıyor, visual studio 2013 ile yazıyorum html-css kodlarını masterpage yapısı kullandığım için tek bir sayfada nav bulunuyor o yüzden uygulayamadım. Araştırdığım jquery örneklerini de uygulayamadım.
Kodlar aşağıda ki gibi. Google'da bulduğu jquery active class kodlarını uyarlayamadım bir türlü.
header nav {
height: 70px;
background: #a5cacd;
}
header nav .container ul {
list-style: none;
margin: 0px;
padding: 0px;
}
header nav .container ul li {
float: left;
background: #a5cacd;
transition-property: background;
transition-duration: 0.7s;
transition-delay: 0.1s;
}
header nav .container ul li:hover {
background: #729396;
}
header nav .container ul li a {
color: white;
line-height: 70px;
margin: 0px 15px 0px 15px;
font-size: 13px;
font-weight: 400;
}
<header>
<div class="header-top"></div>
<div class="header-top-2"></div>
<nav>
<div class="container">
<ul>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=91941279&url=Default.aspx" data-href="Default.aspx">ANASAYFA</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=91941279&url=rp.aspx" data-href="rp.aspx">REFERANS/PORTFOLYO</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=91941279&url=hakkimda.aspx" data-href="hakkimda.aspx">HAKKIMDA</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=91941279&url=araclar.aspx" data-href="araclar.aspx">ARAÇLAR</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=91941279&url=blog.aspx" data-href="blog.aspx"> BLOG </a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=91941279&url=iletisim.aspx" data-href="iletisim.aspx">İLETİŞİM</a></li>
</ul>
</div>
</nav>
<div class="header-top-3"></div>
</header>
_____________________________
-
ApeXiRubbEr
kullanıcısına yanıt
li class ekleyerek bunu çözebilirsin aslında örnek olsun diye aşağıya kod ekledim .
Aktif olacak sayfada li class eklersen istediğini elde etmiş olursun
<li class="aktif"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=91946115&url=rp.aspx" data-href="rp.aspx">REFERANS/PORTFOLYO</a></li>
a.aktif{css kodları burda olacak}_____________________________ -
hocam css animate hover mesajın hazırladığım web sayfasında baya yardımcı oldu. Çok teşekkürler. Normalde bu tarz şeyleri jquery ile yapmaya çalışırdım ama css bu isteklerimi tamamen çözdü. _____________________________ -
Rica ederim işinize yaradığına sevindim.
css3 ile bir çok şey yapılabilir ._____________________________ -
slider'da bile css kullandım full, js kodlarını kaldırdım tamamen. codepen.io'dan destek alıyorum ama. _____________________________ -
ApeXiRubbEr
kullanıcısına yanıt
En güzelini yapmışsın bir çok kaynak var zaten . _____________________________
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
