Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj14.09.2012, 15:04 (UTC)    
Mesaj konusu: Animasyon

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:

kod bozuk bence koda bir baktımda bozuk çıktı yeniden düzenliyebilirsen düzenle
Mesaj14.09.2012, 15:10 (UTC)    
Mesaj konusu:

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:

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:   


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