ایجاد یک جدول زمانی متحرک تعاملی با جی کوئری

مدرس Chris Converse

انتشار 2013/07/26

مدت زمان 1h 7m

سطح پیشرفته

فایل تمرینی دارد

آموزش Creating an Interactive Animated Timeline with jQuery

ایجاد یک جدول زمانی جذاب، تعاملی و متحرک با jQuery را بیاموزید. در این دوره، کریس کانورس به شما نشان می دهد که چگونه یک جدول زمانی کشویی، با نشانگرهای تاریخ و محتوای مرتبط ایجاد کنید. داستان خود یا سازمان خود را با یک جدول زمانی تعاملی غنی و گرافیکی بگویید.

Front-end Development Interactive Web Content jQuery

Introduction

Welcome ()

Using the exercise files ()

For those using Dreamweaver ()

1. Creating the Web Graphics and HTML Content

Saving web graphics from Photoshop ()

Linking CSS and JavaScript files to your HTML file ()

Creating the main HTML containers ()

Adding content to the HTML ()

2. Adding CSS Styles for Layout and Positioning

Styling the main timeline container and heading ()

Creating a gradient background for the panel container ()

Styles for the sliders ()

Styles for the panel content ()

3. Finalizing Layout and Animating Panels with jQuery

Adjusting the layout with jQuery ()

Generating the navigation based on the HTML ()

Positioning and styling the navigation ()

Activating the navigation to animate the panels ()

Animating the background ()

4. Making the Design Responsive

Adding CSS styles for the panel images ()

Creating a CSS media query for small screens ()

Hiding elements on small screens ()

5. Adding an Autostart and Screen Size Detection

Setting the timeline to autostart on a panel ()

Detecting the screen size for a responsive layout ()

Optimizing CSS for IE 7 and 8 ()

Conclusion

Where to go from here ()

Ex_Files_Jq_IntTime_FREE.zip (41 KB)

Ex_Files_Jq_IntTime.zip (3.9 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.