سلام دوستان
این سایت از چه مدل کدنویسی استفاده کرده ؟
فرا پیشگامان ندا
نمایش نسخه قابل چاپ
سلام دوستان
این سایت از چه مدل کدنویسی استفاده کرده ؟
فرا پیشگامان ندا
html هست
اون آیتم اول سایت برام جالبه که با چی ایجاد شده
که شبیه اسلایدر میاد و میره
کلا این سایت چیز خاصی نداره که از 2 تا javascript استفاده کرده و یه CSS که میتونی خودت سورسش رو ببینی
به ادرس همون وب برو بعدش Ctrl+u رو بزن سورسش رو نگا کن ! view-source:فرا پیشگامان ندا
سلام
جاوااسکریپت + 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);
};
});