
نوشته اصلی توسط
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);
};
});