نمایش محتوا به صورت سربرگ (Tab Content) – ریسپانسیو

راهنمای استفاده
ابتدا فایل ضمیمه را دانلود کرده و در قسمت head صفحه فراخوانی نمایید.

محتوای این اسلایدشو به صورت جاوا اسکریپت می باشد که در قسمت body مطابق کد نمونه قرار می گیرد.

این اسکریپت دارای ۴ بخش قابل ویرایش می باشد:

۱- تنظیمات مربوط به حرکت اسلایدر: عددهای که با رنگ قرمز در کد نمونه مشخص شده اند به ترتیب از بالا به پایین عبارتند از:

width:250 ==> پهنای تصاویر
height:250 ==> ارتفاع تصاویر
sides:6 ==> تعداد ضلع های اسلایدشو که نیمی از آن در جلو و نیمی دیگر در پشت قرار گرفته و به صورت چرخشی حرکت می کنند
steps:32 ==> فریم حرکت اسلایدشو که چه عدد بالاتر باشد، حرکت نرم تر خواهد بود.

حرکت حباب ها در صفحه

راهنمای استفاده:
فایل ضمیمه را دانلود و در انتهای صفحه قبل ازقرار دهید.
جهت تنظیم تعداد حباب ها و همچنین سرعت حرکت آنها در فایل bubble.js (فایل ضمیمه) مقادیر زیر را تغییر دهید.

var no = 15; // تعداد حباب ها
var speed = 2; // تنظیم سرعت حباب ها. با افزایش مقدار از سرعت حرک حباب ها کاسته می شود

توجه: در صفحات شامل این اسکریپت تک HTML را بدون !DOCTYPE و به صورتاستفاده نمایید.