animate ile width değiştirme

30.06.2014 22:13

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);

		});

30.06.2014 23:22

#2

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ı?

30.06.2014 23:31

#3

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ı.

30.06.2014 23:54

#4

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

01.07.2014 00:22

#5

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

01.07.2014 15:14

#6

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;

animate ile width değiştirme

Üye Girişi Yap