رفتن به مطلب

اضافه کردن افکت به فهرست ها


پست های پیشنهاد شده

شما باید بسته به افکت تغییرات را در استایل اعمال کنید! و یا از جاوا اسکریپت و دیگر زبان ها کمک بگیرید.به سوالی که شما مطرح کردید نمی توان جوابی کامل داد...#

لینک به ارسال

چون سوالتون کلی به نظر میرسه یه جواب کلی به ذهنم میرسه؛

برای هر آرتیکل از منو ها یه نام به کلاس سی اس اس اختصاص بدید

بعد در فایل استایل بهش استایل یا افکت دلخواهتونو اختصاص بدید

برای fade و یا سایر افکت ها می تونید از اینجا کمک بگیرید

http://www.w3schools.com/jquery/jquery_fade.asp

لینک به ارسال

چون سوالتون کلی به نظر میرسه یه جواب کلی به ذهنم میرسه؛

برای هر آرتیکل از منو ها یه نام به کلاس سی اس اس اختصاص بدید

بعد در فایل استایل بهش استایل یا افکت دلخواهتونو اختصاص بدید

برای fade و یا سایر افکت ها می تونید از اینجا کمک بگیرید

http://www.w3schools...jquery_fade.asp

ممنون از راهنماییتون من کد زیر رو در استایل گذاشتم


$("button").click(function(){
$("#div1").fadeIn();
});

حالا برای فراخوانی این تابع در کلاس های css( اختیاری فهرست) از چه کدی باید اسفاده کنم ؟

لینک به ارسال

اون کد ربطی به استایل نداره چون اصولاً css نیست

فرض کنید من به منوی مورد نظرم کلاس fclass دادم

حالا جاوای زیر کارش این میشه که وقتی موس روی عبارت منو میره، عبارت رو محو می کنه و وقتی موس از روی منو کنار میره عبارت منو رو دوباره نمایش میده


$("fclass").mouseover(function(){
$("fclass").fadeOut();
});
$("fclass").mouseout(function(){
$("fclass").fadeIn();
});

لینک به ارسال

اینجا هم مجدداً معذرت خواهی می کنم

و اما

شما توی منو هاتون fclass رو نام گذاری کردید

حالا باید توی فایل استایلتون کد های زیر رو قرار بدید


.fclass { width: 120px; background: #d90000; transition:width 0.7s , background 0.7s ; }

کد بالا به منوی مورد نظر استایل میده

و سپس کد زیر رو به همون فایل استایل اضافه می کنید


.fclass:hover { width: 180px; background: #000099; }

کد بالا هم به ترانستون استایل میده

ویرایش شده توسط isk
لینک به ارسال

isk این کد شما جواب میده اما فونت و رنگ پس زمینه فهرست ها رو بهم میریزه. من میخوام بدون هیچ تغییری در فونت و دکمه ها و ...فقط یه افکت ساده ی fade به هر گزینه فهرست اضافه بشه (با امدن موس روی هر گزینه فهرست)

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...