در این قسمت میخوام یک کد ( Cube page navigation ) جالب رو در اختیارتون بزارم.
دمو
همونطور که دیدید بخش های مختلف یک وبسایت بصورت سه بعدی در وجه های یک مکعب قرار داده شده است و با استفاده از گزینه های بالای صفحه میتونین بصورت سه بعدی بین صفحات جابجا بشید.
برای مشاهده کدهای این نمونه میتونین وارد بخش View Source بشید.
همونطور که میبینید یک مکعب با استفاده از CSS ساخته شده و محتوای مورد نظر مربوط به 4 بخش در 4 وجه اون قرار گرفته است. با کلیک کردن بر روی منوی بالای صفحه، در Javascript وجه مورد نظر مربوط به اون آیتم رو پیدا میکنیم و نمایش میدیم.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
لینک دانلود
Source
attractive beauty code CSS Cube page navigation idea inspire
سون لرن • آموزش...برچسب : نویسنده : استخدام کار 7learn بازدید : 324