Forum'da ara:
Ara


Yazar Mesaj
Mesaj14.09.2012, 15:04 (UTC)    
Mesaj konusu: Animasyon
Alıntıyla Cevap Gönder
Biliyorum 2. defa açıyorum bu konuyu ama bu koda çok ihtiyacım var. Bir tasarım kodluyorum ve artık bitirmem lazım.
jQuery ile animasyon yapıp çalıştırıyorum. Mouse elementin üzerine geldiğinde animasyon çalışıyor fakat mouseyi üzerinden çektiğimde eski haline dönmüyor. Dönmesi için ne yapmalıyım?

Örnek Animasyon:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Animasyon</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript">
$("document").ready(function(){
$("#logo").hover(function() {
$("#logo").animate({
opacity: "0.5"
},4000);
});
});
</script>

</head>
<style type="text/css">
#logo {
   border: 2px;
   width: 200px;
   height: 150px;
   position: relative;
}
</style>
<body>
<img src="Envo Grafik/Logo.png" id="logo" />
</body>
</html>
↑
Mesaj14.09.2012, 15:08 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
kod bozuk bence koda bir baktımda bozuk çıktı yeniden düzenliyebilirsen düzenle
↑
Mesaj14.09.2012, 15:10 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Kod bozuk değil. jQuery dosyasını eklemezsen çalışmaz.
Neyse verdiğim rahatsızlıktan dolayı çok özür dilerim sorunumu çözdüm. Eğer jquery dosyasını eklerseniz ve bir de resim koyarsanız çalışır.

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Animasyon</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript">
$("document").ready(function(){
$("#logo").mouseenter(function() {
$("#logo").animate({
opacity: "0.5"
},1000);
});
$("#logo").mouseout(function() {
$("#logo").animate({
opacity: "1.0"
},1000);

});
});
</script>

</head>
<style type="text/css">
#logo {
   border: 2px;
   width: 200px;
   height: 150px;
   position: relative;
}
</style>
<body>
<img src="Envo Grafik/Logo.png" id="logo" />
</body>
</html>
↑
Mesaj14.09.2012, 15:12 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Kodlarla ilgili bir kısıma açarsan belki orda daha çabuk cevap alırsın
______________
PCBLOGCU GAMES
---
KENDİ YAPIMIM OYUNLAR ÇOK TUTLDU BELKİ SENDE SEVERSİN BİR BAK BAKALIM SİTEYE
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.