
 نوشته اصلی توسط 
lived
					 
				 
				اون آیتم اول سایت برام جالبه که با چی ایجاد شده
که شبیه اسلایدر میاد و میره
			
		 
	 
 سلام
جاوااسکریپت + JQUERY 
+ HTML5 + CSS3
اون که اسلایدر ها رو حرکت میده و آخرش هم به یک صفحه هدایت می کنه، دقیقا این کد جاوااسکریپت هست. $ هم یعنی جیکوئری که قبلا الحاق شده.
دست نویسه ... 
	کد:
	$(function(){
 var width_of_document = $(document).width();
   $("#step2").add("#step3").add("#step4").add("#step5").css("right",(width_of_document  * (-1) ))
  setTimeout(function (){
  $("#step1").animate({left:  (width_of_document * (-1))}, 3000);
  $("#step2").fadeIn(1).animate({right:  0}, 2000,function () {step2(); });
  
  },3000);
function step2(){
    setTimeout(function (){
            $("#step2").animate({right:  (width_of_document)}, 3000);
            $("#step3").fadeIn(1).animate({right:  0}, 2000,function () {step3(); });
        },17000);
    };
function step3(){
    setTimeout(function (){
            $("#step3").animate({right:  (width_of_document)}, 3000);
            $("#step4").fadeIn(1).animate({right:  0}, 2000,function () {step4(); });
        },5000);
    };
function step4(){
    setTimeout(function (){
            $("#step4").animate({right:  (width_of_document)}, 3000);
            $("#step5").fadeIn(1).animate({right:  0}, 2000,function () {step5();});
        },8000);
    };
function step5(){
setTimeout(function (){
            window.location.href = "fa.html"; },2000);
};
});