سلام دوستان
این سایت از چه مدل کدنویسی استفاده کرده ؟
فرا پیشگامان ندا
سلام دوستان
این سایت از چه مدل کدنویسی استفاده کرده ؟
فرا پیشگامان ندا
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); }; });
ویرایش توسط «احمد» : February 19th, 2014 در ساعت 13:48
زکاة العلم نشره / زکات علم، انتشار آن است
در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)