lostyazilim
tr.link

animate ile width değiştirme

6 Mesajlar 1.091 Okunma
lstbozum
tr.link

Aksaclii Aksaclii Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek öğrenci
  • Konum Eskişehir
  • Ad Soyad M** E**
  • Mesajlar 199
  • Beğeniler 35 / 30
  • Ticaret 0, (%0)
apple ın sitesindeki gibi
(http://www.apple.com/tr/ - sağ üstteki arama kutucuğu )

tıklanınca input'un genişlemesini istiyorum. yaptım fakat benim ki sağdan genişliyor. soldan nasıl yapacam

kodlar

$("#input").focus(function() {
$("#input").animate({"width" : "170px"},300);
});
$("#input").focusout(function() {
$("#input").animate({"width" : "130px"},300);
});
 

 

wmaraci
reklam

turhan turhan turhan Kullanıcı
  • Üyelik 11.03.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Developer
  • Konum İstanbul Avrupa
  • Ad Soyad U** T**
  • Mesajlar 125
  • Beğeniler 17 / 29
  • Ticaret 15, (%93)
Width e sayısal değer vermek yerine Show ve Hide değerlerini deneyin. Bakalım olucak mı?
 

 

Aksaclii Aksaclii Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek öğrenci
  • Konum Eskişehir
  • Ad Soyad M** E**
  • Mesajlar 199
  • Beğeniler 35 / 30
  • Ticaret 0, (%0)

turhan adlı üyeden alıntı

Width e sayısal değer vermek yerine Show ve Hide değerlerini deneyin. Bakalım olucak mı?


olmadı.
 

 

xFeyz xFeyz creative solutions Kullanıcı
  • Üyelik 05.02.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek developer
  • Konum Bursa
  • Ad Soyad F** Ö**
  • Mesajlar 704
  • Beğeniler 195 / 222
  • Ticaret 8, (%100)
Bunu css ile de yapabilirsiniz.

.katman:hover {width:170px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
 

 

EFSANE! | omerbeyoglu.me
wmaraci
wmaraci

Aksaclii Aksaclii Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek öğrenci
  • Konum Eskişehir
  • Ad Soyad M** E**
  • Mesajlar 199
  • Beğeniler 35 / 30
  • Ticaret 0, (%0)

xFeyz adlı üyeden alıntı

Bunu css ile de yapabilirsiniz.

.katman:hover {width:170px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}


gene sağdan uzuyor
 

 

smhayhan smhayhan WM Aracı Kullanıcı
  • Üyelik 25.12.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Front/Back-end Developer
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 96
  • Beğeniler 21 / 35
  • Ticaret 0, (%0)
position:absolute;right:0;
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al