PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : این سایت با چه سیستمی نوشته شده



lived
February 19th, 2014, 11:53
سلام دوستان
این سایت از چه مدل کدنویسی استفاده کرده ؟
فرا پیشگامان ندا (http://405405.ir/)

hannah
February 19th, 2014, 12:05
html هست

lived
February 19th, 2014, 12:21
اون آیتم اول سایت برام جالبه که با چی ایجاد شده
که شبیه اسلایدر میاد و میره

SoltanHost.Net
February 19th, 2014, 12:25
اون آیتم اول سایت برام جالبه که با چی ایجاد شده
که شبیه اسلایدر میاد و میره

کلا این سایت چیز خاصی نداره که از 2 تا javascript استفاده کرده و یه CSS که میتونی خودت سورسش رو ببینی

به ادرس همون وب برو بعدش Ctrl+u رو بزن سورسش رو نگا کن ! view-source:فرا پیشگامان ندا (http://405405.ir)

«احمد»
February 19th, 2014, 12:46
اون آیتم اول سایت برام جالبه که با چی ایجاد شده
که شبیه اسلایدر میاد و میره
سلام

جاوااسکریپت + 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);
};
});