جی کوئری به زبان ساده (قسمت ششم - بررسی افکت Animation - بخش اول)

‏  1 دقیقه
۰۸ مرداد ۱۳۹۲
جی کوئری به زبان ساده (قسمت ششم - بررسی افکت Animation - بخش اول)

با سلام خدمت تمای کاربران سون لرن با قسمت ششم دوره آموزش جی کوئری در خدمت شما هستم در این جلسه با افکت Animation و پارامتر‌ها و متدهای آن آشنا خواهیم شد.

مباحث این قسمت عبارتند از:

  • متد animate
  • بررسی syntax افکت Animation
  • بررسی relative value‌ها در افکت Animation
  • نحوه استفاده از ابزار snippets در دریم ویور برای کد نویسی راحتر و سریع تر
این بخش از محتوا مخصوص اعضای سایت است
چه امتیازی به این مقاله می دید؟
نویسنده وحید صالحی
برنامه نویسی یکی از الویت های زندگی منه , وب سایت من:

جلسات دوره

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.

نظرات کاربران

mohcen

من از phpstorm به جای دریم ویور استفاده می کنم. آیا این نرم افزار هم قابلیت snip‌ رو داره؟

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

phpstorm یکی از بهترین هاست مطمئن باشین داره.بگردین توی منو هاش پیدا میکنین.

mohcen
 insert your Html Code Here 
[cc] insert your CSS Code Here

[/cc]

#move{
 background: #0000dd;
 width: 150px;
 height: 150px;
 position: relative;
 opacity:.1 ;}
#move1{
 width: 300px;
 height: 300px;
 background: red;
}
 $(document).ready(function(){
 $(“#btn1”).click(function(){
  $(“#move”).animate({
   left:’250px’,
   opacity:’+=.1′,
   height:’+=50px’,
   width:’+=50px’
  })
    });
});
$(document).ready(function(){
 $(“btn2”).click(function(){
  $(“#move1”).animate({
   height:’toggle’
 })
  });
});

سلام چرا کار نمی کنه؟

وحید صالحی

دوست عزیز پراپرتی toggle برای افکت ها استفاده میشه مثل متد slidetoggle نه متد animate در ضمن سوالات اینچنینی که کدی رو می خواهید مشکلش رو بدونید در انجمن مطرح کنید…

kiansoft2000

mr30

f_talebi

من پلاگین color animation رو لینک کردم. این کد برام اجرا نمیشه!

<script>
$(document).ready(function(){
 $(".mdiv").hover(function(){
 $(this).animate({backgroundColor: ‘rgb(250,250,250)’ , color:’mediumorchid’});
 },
 function(){
 $(this).animate({backgroundColor: ‘rgba(20,30,40,0)’} , color:’#0F0′});
 });
});
</script>

نمیدونم مشکلش چی هست 🙁 اگه امکان داره منو راهنمایی کنید

وحید صالحی

دوست عزیز به موقع به این مباحث میرسیم با آموزش ها پیش برید…

f_talebi

میخوام که رنگ دایو و رنگ لینکهای درون mdiv تغییر کنه، در حالت hover… اما این فقط رنگ لینک های درون دایوم رو تغییر میده و رنگ خود دایوم اصلا تغییر نمیکنه…

وحید صالحی

باید از متد addclass کنید…

f_talebi

خیلی ممنونم. عذر میخوام. 🙂

momo

از اینکه ذکات علمتون رو بدون هیچگونه چشم داشتی میدین، خدا خیرتون بده و قوت و سلامتی

rezanoor

عالي بود آقا وحيد خيلي متشكرم

alijam2

سپاس

f_talebi

خیلی خوبه که درکنار آموزش نکته های دیگه هم میگین.من برای همین اموزشها رو دنبال میکنم.مثلا snip نکته ی مفیدی برام بود 😉

REZATAKRO

مرسي از وقتي كه براي اموزش دادن مي گذاريد

hajian1

سلام
همیشه درانتهای آموزش لازم می دیدم که تشکر وسپاس خودم رااعلام کنم
امااین بارباتوجه به اینکه آموزش های قبلی ازسری آموزش های جی کوئری یکی ازدیگری محبوب ترومفیدودرحدفوق عالی بوده است بدین وسیله قبل ازشروع این آموزش تشکرخودرااعلام می نمایم
پرتوان،سلامت وپیروزباشید