تغیر اندازه تکسباکس جستوجو

این تاپیک 5 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  کیوان علی محمدی ،‏ 3 سال و 9 ماه پیش .

این تاپیک تاکنون 1126 بازدید داشته است .

نویسنده پست
سه شنبه ، 12 فوریه 2013     8:01 ب.ظ #


حسین

Subscriber
70 پست60 تاپیک

من يك تكس باكس دارم مي خوام وقتي روش فكوس شد اندازش تغيير كنه

اين كار رو با

Css

انجام دادم اما كار خيلي سريع انجام ميشه من مي خوام تغيير اندازه در ٠.٣ ثانيه صورت بگيره ميشه بجز كد

Css

يك كد جاوا اسكريپت هم بزاريد كه با مرورگر انترنت اكسپلوره كار كنه و امكان مشخص كردن زمان براي اجرا هم باشه

ترجيحا از كتاب خونه

Jquery

استقاده كنيد با تشكر

0  تشکر
سه شنبه ، 12 فوریه 2013     8:07 ب.ظ #


حسین

Subscriber
70 پست60 تاپیک

كد

css كه استفاده كردم

0  تشکر
سه شنبه ، 12 فوریه 2013     10:56 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

از همون css استفاده کن و خصوصیت transition رو بکار ببر :
http://www.w3schools.com/css3/css3_transitions.asp
https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_transitions

2  تشکر
سه شنبه ، 12 فوریه 2013     11:34 ب.ظ #


کیوان علی محمدی

Authorplus
VIP
1792 پست4 تاپیک

با CSS3 میشه به راحتی نوشت و نیازی به Jquery نیست.

این کد عرض جعبه رو وقتی فوکوس بشه با انیمیشن از 200 به 300 می رسونه

0  تشکر
چهار شنبه ، 13 فوریه 2013     10:32 ب.ظ #


حسین

Subscriber
70 پست60 تاپیک

خیلی ممنون اما میشه یک کد بزارید که روی مرورگر های قدیمی هم کار کنه (اینترنت اکسپلوره)

برای همین گفتم جاوا اسکریپت

0  تشکر
چهار شنبه ، 13 فوریه 2013     11:10 ب.ظ #


کیوان علی محمدی

Authorplus
VIP
1792 پست4 تاپیک

اینم از کد جی کوئریش:

من پیشفرض ID تکست جست و جو رو search انتخاب کردم و سایز رو 200 که با فوکوس تکست با حالت انیمیشن به 300 میرسه و با Blur دوباره به 200 خودش برمیگرده،سایز رو خودت خواستی عوض کن.

فایل هاش رو هم گذاشتم برات.

پیوست ها:
You must be logged in to view attached files.
1  تشکر
پست 1 تا 6 (از مجموع 6 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .