حتما بخونین

این تاپیک 8 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  سعید ،‏ 1 سال و 4 ماه پیش .

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

نویسنده پست
جمعه ، 17 جولای 2015     3:07 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

سلام

این صفحه رو ببینین:

http://cafe-beroz.ir/test.html

چرا افکتی که به اون باس ها دادم،فقط تو باکس سمت راست کار می کنه؟

0  تشکر
جمعه ، 17 جولای 2015     4:00 ب.ظ #


Zahra

Subscriber
13 پست1 تاپیک

سلام
id باید یه چیز منحصر به فرد باشه، اگر به بیش از یک تگ یک id مشابهی بدین از این دست مشکلات پیش میاد، به جای id از class استفاده کنید.

2  تشکر
جمعه ، 17 جولای 2015     4:15 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

class کردم الانم وقتی روی یکی از اون باکسا میرم،همه ی اون باکسا کار می کنه

براش یه راه حلی دارین یا باید برا هر کدوم یه استایل و یه افکت جی کوری تعریف کنم؟

1  تشکر
جمعه ، 17 جولای 2015     4:44 ب.ظ #


Zahra

Subscriber
13 پست1 تاپیک


$(function() {
$(".box").hover(function(){
$(this).find(".box-1").animate({top:'-2px'},'fast'),$(this).find((".box-2")).animate({bottom:'-2px'},'fast')}
,function(){
$(this).find((".box-1")).animate({top:'-63px'},'fast'),$(this).find((".box-2")).animate({bottom:'-63px'},'fast')});
});

جاوااسکریپتتون را اینطوری تغییر بدین

1  تشکر
جمعه ، 17 جولای 2015     4:52 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

خیلی خیلی ممنون،نوکرتم،چاکرتم،مخلصتم

میشه یه کمی درمورد اون کد توضیح بدین؟

من جی کوری خیلی کم بلدم براهمین اون کد رو نفهمیدم

1  تشکر
جمعه ، 17 جولای 2015     4:55 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

یه سوال دیگه داشتم

به جای fast،عدد(1000msیا1s) می ذارم ولی کار نمی کنه،چرا؟

1  تشکر
جمعه ، 17 جولای 2015     4:56 ب.ظ #


Zahra

Subscriber
13 پست1 تاپیک

وقتی از this استفاده میکنید یعنی همین المانی که الان توش قرار دارید.

مثلا اینجا چند تا کلاس box دارین رو هر کدوم بزنید، this فقط همون را در نظر میگیره، بعد مثلا این

$(this).find(".box-1")

داخل همون باکسه میاد کلاس box-1 را پیدا میکنه و بعد روش animate داده میشه.
 

1  تشکر
جمعه ، 17 جولای 2015     5:03 ب.ظ #


Zahra

Subscriber
13 پست1 تاپیک


$(function() {
$(".box").hover(function(){
$(this).find(".box-1").animate({top:'-2px'},500),$(this).find((".box-2")).animate({bottom:'-2px'},500)}
,function(){
$(this).find((".box-1")).animate({top:'-63px'},500),$(this).find((".box-2")).animate({bottom:'-63px'},500)});
});

کار میکنه با عدد هم!

1  تشکر
جمعه ، 17 جولای 2015     5:06 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

ها

من عدد رو تو داخل '  ' می ذاشتم،برا همین کار نمی کرد

خیلی ممنون از راهنمایی هایتون،نوکرتم

1  تشکر
پست 1 تا 9 (از مجموع 9 پست)

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