مدخلعنوان jquery المنبثقة على التمرير فوق الصورة. مجموعة من حيل jQuery Ajax CSS3 المفيدة لمطوري الويب
1.jQuery Hover Zoom Plugin
حل أصلي لتنفيذ وصف الصور عند التمرير باستخدام تأثير Zoom.
2. البرنامج المساعد "Captify"
3.jQuery وصف الصور في المعرض
عند تحريك المؤشر ، يظهر وصف للصورة ، ويتم تعبئة الصورة نفسها بطبقة شبه شفافة من لون معين.
4. jQuery تنفيذ تعليق الصور
عدة خيارات لتنفيذ التسميات التوضيحية للصور التي تظهر عند تحريك مؤشر الماوس فوق صورة.
5.jQuery انزلاق الباب تأثير
عندما تحوم فوق صورة مصغرة ، يظهر الوصف بفعالية في مكانه.
6. jQuery plugin "Zoominfo"
عندما تحوم فوق صورة ، يقل حجمها ويظهر اسم الصورة ووصفها.
7. jQuery plugin "Mosaic"
تنفيذ الأوصاف المنبثقة للصور على الماوس. هناك 8 أنواع مختلفة من التوقيعات المنبثقة. يمكنك رؤيتهم على صفحة العرض.
عند تحريك مؤشر الماوس فوق الصورة ، ينزلق للخارج وصف قصيرمع ارتباط إلى معلومات مفصلة.
9. البرنامج المساعد لتنفيذ توقيع الصورة
خيار آخر لتنفيذ تسميات توضيحية للصور المنبثقة عند التمرير. هناك نوعان من تأثيرات تعليق jQuery للاختيار من بينها.
10. وصف الصور "نافذة المعاينة"
البرنامج المساعد لتوقيع الصور. عند تحريك مؤشر الماوس باستخدام تأثير متحرك ، يظهر وصف للصورة. يتم استخدام JQuery لإنشاء الرسوم المتحركة.
معدة على أساس المواد
تعد مكونات jQuery الإضافية أحد المكونات الأساسية عند إنشاء موقع ويب ، أو في الواقع أي تطبيق ويب. إنها تسمح لك بتوسيع وظائفك. تسرد هذه المقالة المكونات الإضافية الأكثر فائدة من عام 2012. للحصول على بحث أكثر ملاءمة تنقسم جميع المكونات الإضافية إلى الفئات التالية: Web Page Layout - plugins، navigation plugins، Form Plugins، plugins for إنشاء المنزلقات، المكونات الإضافية للمخططات والرسوم البيانية، تأثيرات الصور وغيرها. من بين هذه المكونات الإضافية أيضًا مكونات إضافية لمساعدتك في إنشاء تطبيقاتك سريعة الاستجابة.
ملحقات تخطيط الصفحة
equize.js هو ملحق jQuery يسمح لك بإنشاء ملفات هيكل الكتلةموقع. يسمح لك بمحاذاة ارتفاع وعرض أي عنصر.
مكون إضافي جديد للتنسيقات سريعة الاستجابة يتيح لك Freetile إنشاء عناصر من أي حجم ، مع التخلص من الحاجة إلى إنشاء حجم ثابت لأعمدة الشبكة.
البرنامج المساعد Gridster.JS jquery لبناء السحب وقطرة- شبكات. كما يسمح لك بإزالة العناصر وإضافتها ديناميكيًا من الشبكة.
Zoomooz.jsهو ملحق jQuery سهل الاستخدام لتكبير أي عنصر في صفحة الويب. يمكنك بسهولة إضافة تأثير تكبير عن طريق إضافة فئة "zoomTarget" إلى أي عنصر HTML. يمكن إعادة ضبط التكبير من خلال النقر على الصفحة. تم اختبار المكون الإضافي في متصفح الانترنت 9 و Safari 3+ و Firefox 3.6+ و Opera و Chrome.
Wookmark هو مكون إضافي لإنشاء قالب ديناميكي متعدد الأعمدة.
jQuery HiddenPosition هو مكون إضافي يسمح لك بإضافة أي عنصر ، حتى لو كان مخفيًا.
Stellar.js هو ملحق jQuery يوفر تأثير اختلاف المنظر للعناصر.
مكوّن jQuery الإضافي الذي يضيف تأثيرًا حقيقيًا لتقليب الصفحة عند التنقل بين الأقسام. استعمل من قبل تسريع الأجهزة... يعمل على الأجهزة اللوحية والهواتف الذكية.
البرنامج المساعد للطباعة سريعة الاستجابة. يسمح لك باستخدام محدد يولد حجم الخط المثالي.
يتيح لك إنشاء حركات متحركة حول الموقع ، بما في ذلك جميع التحولات الممكنة
ملحقات التنقل
HorizontalNav هو مكون إضافي لـ jQuery يمد القائمة الأفقية لتناسب العرض الكامل للحاوية. إذا حاولت في أي وقت إنشاء تأثير تمديد قائمة التنقل بشكل صحيح إلى حاوية CSS في مشروع ، فأنت بالتأكيد تعرف مدى صعوبة التوافق عبر المستعرضات. هذا البرنامج المساعد يفعل ذلك بسهولة.
stickyMojo هو ملحق شريط جانبي خفيف الوزن وسريع ومرن في jQuery. إنه يعمل مع Firefox و Chrome و Safari و IE8 + (يدعم الإصدارات القديمة من IE جيدًا).
ddSlick هو مكون إضافي يسمح لك بإنشاء قوائم منسدلة مع الصور والأوصاف.
البرنامج المساعد لسهولة تنظيم اللوحات المنسدلة. يدعم المكون الإضافي العمل مع ملفات تعريف الارتباط لتخزين حالة اللوحات. من بين الخيارات هناك وظائف العودة لتكوين فتح وإغلاق الأقسام.
البرنامج المساعد لإنشاء كتل قابلة للطي يمكن أن تحتوي على أي بيانات في مساحة محدودة.
تشكيل الإضافات
يسمح لك المكون الإضافي بتحديد مستوى تعقيد كلمة المرور.
ملحق JQuery لتصور عملية تحميل الملف. وهو يدعم السحب والإفلات وإنشاء معاينات فورية للصور.
البرنامج المساعد الذي يكتشف ويتحقق من أرقام بطاقات الائتمان. يسمح لك بتحديد نوع بطاقة الائتمان.
البرنامج المساعد لتصفية البيانات. يمكنك تصفية البيانات حسب العلامة والعلامات والفئات المتعددة.
البرنامج المساعد الذي يتحقق من صحة الإدخال بريد الالكترونيللصحة وفقًا لقائمة معدة مسبقًا (هنا يمكنك تضمين الأكثر شهرة خدمات بريدية mail.ru ، yandrex.ru ، gmail ، إلخ).
الإضافات لإنشاء المتزلجون والدوارات
البرنامج المساعد الذي يسمح لك بالتحكم في الانتقالات باستخدام الماوس ولوحة اللمس ولوحة المفاتيح. يمكنك إضافة انتقالات إضافية إلى الانتقالات الافتراضية الموجودة أيضًا في الملف المصدر.
iosSlider
iosSlider هو مكون إضافي لشريط تمرير عبر المستعرضات سريع الاستجابة.
RSlider عبارة عن شريط تمرير سريع الاستجابة ملء الشاشة. اسيتم ضبطه تلقائيًا حسب عرض شاشتك.
Fresco هو ملحق lightbox سريع الاستجابة. يمكن استخدامه لإنشاء تراكبات مذهلة تعمل بشكل رائع على جميع أحجام الشاشات ، وفي جميع المتصفحات ، وعلى جميع الأجهزة.
BookBlock: Content Flip Plugin
BookBlock هو مكون إضافي لـ jQuery يمكن استخدامه لإنشاء مكونات كتيب تسمح لك بإنشاء تنقل تقليب الصفحة. يمكن استخدام أي محتوى هنا ، سواء كان ذلك صورًا أو نصًا. يقوم المكون الإضافي بتحويل الهيكل فقط عند الحاجة (بمعنى آخر ، فقط عند قلب الصفحة) ويستخدم التراكبات والظلال لجعلها تبدو حقيقية.
المهايئ عبارة عن شريط تمرير محتوى خفيف الوزن يوفر واجهة بسيطة للمطورين لإنشاء رسوم متحركة رائعة تدور حول الشرائح ثنائية الأبعاد أو ثلاثية الأبعاد. يوجد حاليًا دعم للخصائص ثلاثية الأبعاد في متصفحات webkit و Firefox. تم اختبار جميع الانتقالات ثنائية الأبعاد في IE6 + والمتصفحات الحديثة الأخرى.
دائري متواصل مع العديد من الميزات المفيدة.إنه قابل للتخصيص بدرجة كبيرة ويدعم المتصفحات القديمة.
وحيد القرن- مرن جدا مسجالبرنامج المساعد لعرض الشرائح. إنه لا يوفر مجموعة متنوعة من التأثيرات فحسب ، بل من الممكن أيضًا إضافة الأنماط والتأثيرات والوظائف الخاصة بك إلى شريط التمرير.
التسلسل عبارة عن مكون إضافي لـ jQuery يقوم بتمرير المحتوى بطريقة أصلية ويمنحك التحكم الكامل. يمكن استخدام أي نوع من المحتوى ؛ سوف يتم التمرير إلى ما لا نهاية. يستخدم الترميز الدلالي ويدعم القوالب المتجاوبة والأجهزة التي تعمل باللمس.
Glisse.js عبارة عن معرض صور jQuery بسيط وسريع الاستجابة وقابل للتخصيص بدرجة كبيرة.
الإضافات للمخططات والرسوم البيانية
Morris.js هي مكتبة خفيفة الوزن تستخدم jQuery و Raphaël لتسهيل رسم الرسوم البيانية للسلاسل الزمنية.
JQuery Org Chart هو مكون إضافي يسمح لك بإنشاء هياكل شجرة مع عناصر متداخلة. يتم إدخال البيانات في قائمة متداخلة غير مرتبة ، مما يجعل المكون الإضافي سهل الاستخدام بشكل لا يصدق.
الإضافات للطباعة
Bacon.js هو مكون إضافي لـ jQuery يسمح لك بلف النص حول منحنى أو خط بيزير.
Textualizer هو مكون إضافي لـ jQuery لإنشاء تأثيرات جميلة على النص. العمل المدعوم في: Chrome و Safari 4+ و Firefox 3.5+ و IE 6،7،8،9+ و Opera 10.6+ و Mobile Safari (iOS 4)
SlabText هو ملحق jQuery مفيد جدًا يقسم العناوين سطرًا بسطر قبل تغيير حجم كل سطر لملء المساحة الأفقية المتاحة.
trunk8 هو مكون إضافي لاقتطاع نص jQuery. يقلل حجم كتلة كبيرة من النص إلى قسم أصغر للمعاينة.
الإضافات لإنشاء تأثيرات مختلفة للصور
هذا مكون إضافي jQuery يستخدم مرشحات CSS3 لإنشاء تأثير إمالة.
البرنامج المساعد لتنفيذ تأثير الصور المتجاوبة.
المكون الإضافي jQuery الذي يجعل من السهل إنشاء خرائط الصور. باستخدام هذه الأداة ، يمكن تمييز أي خريطة صورة أو تحديدها ، ويمكن التلاعب بالخريطة طرق مختلفة... إنه يعمل على جميع المتصفحات الرئيسية ، بما في ذلك Internet Explorer 6 ، ولا يستخدم Flash ، ولا يتطلب أي شيء آخر غير jQuery. تتطلب بعض التأثيرات المتقدمة دعم HTML5 ، لكنها ستظل تعمل في المتصفحات القديمة.
تصميم الويب سريع الاستجابة ، أو ، إذا كنت ترغب في ذلك ، ليس مجرد اتجاه تصميم آخر الآن ، فهو بالفعل نوع من معايير تطوير مواقع الويب التي تضمن عالمية مواقع الويب ، وإدراك مرئي متناغم على شاشات أجهزة المستخدم المختلفة. في الآونة الأخيرة ، أثناء التطوير نموذج مستجيب، كان علي أن أتعامل مع صعوبات مختلفة لدمج بعض أشرطة التمرير ومعارض الصور دون كسر نمط التصميم العام. الآن كل شيء أبسط بكثير ، الشبكة موجودة كمية كبيرةالحلول الجاهزة وما هو ممتع بشكل خاص ، معظمها متاح مجانًا ومفتوح مصدر الرمز.
نظرًا لتنوع الأدوات المقدمة ، قمت بتجميع لمحة عامة صغيرة عن أبرز التطورات في التكيف jQuery المنزلقأحدث الصور ويتم توزيعها دون أي قيود ، على سبيل المثال. بحرية مطلقة.
نجاح باهر المنزلق
شريط تمرير صورة jQuery سريع الاستجابة مع مجموعة رائعة من التأثيرات المرئية (المنعطفات ، والانحرافات ، والتشويش ، واللوالب ، والستائر العاتمة ، إلخ ...) والعديد قوالب جاهزة... باستخدام معالج إدراج الصفحة المدمج في WOW Slider ، يمكنك بسهولة وسهولة إنشاء عروض شرائح مذهلة في دقائق. يحتوي موقع المطور على جميع الوثائق اللازمة لإعداد واستخدام البرنامج المساعد باللغة الروسية ، والأمثلة الحية الممتازة لعمل البرنامج المساعد. يتوفر أيضًا ملحق Wordpress منفصل ووحدة نمطية لـ Joomla للتنزيل. أنا متأكد من أن الكثيرين سيحبون شريط التمرير الرائع هذا ، سواء المبتدئين أو أصحاب المواقع المتقدمين.
HiSlider
HiSlider - HTML5 ، شريط تمرير jquery ومعرض الصور ، مكون إضافي مجاني تمامًا للاستخدام الشخصي على مواقع الويب المُدارة الأنظمة الشعبية- ووردبريس ، جملة ، دروبال. بمساعدة هذه الأداة البسيطة ولكنها عملية للغاية ، يمكنك بسهولة إنشاء عروض شرائح مذهلة وحيوية وعروض تقديمية فعالة وإعلانات للرسائل الجديدة على صفحات مواقعك. العديد من القوالب والأشكال الجاهزة لشريط التمرير ، وتأثيرات الانتقال (التغيير) المذهلة للمحتوى ، وإخراج محتوى الوسائط المتعددة المتنوعة: مقاطع فيديو من YouTube و Vimeo ، ومرنة إعدادات مخصصةإلخ...
منزلق Nivo
Nivo Slider هو تطبيق قديم جيد ومعروف للجميع في هذا الموضوع ، وهو أحد أجمل أشرطة تمرير الصور وأكثرها سهولة في الاستخدام. البرنامج الإضافي jQuery Nivo Slider مجاني للتنزيل والاستخدام ، ويتم توزيعه بموجب ترخيص MIT. يوجد أيضًا مكون إضافي منفصل لـ WordPress ، ولكن للأسف تم دفعه بالفعل وسيتعين عليك دفع 29 دولارًا مقابل ترخيص واحد. من الأفضل القيام ببعض السحر مع ملفات سمة WP وإرفاق إصدار jQuery المجاني من المكون الإضافي Nivo Slider بمدونتك ، نظرًا لوجود معلومات كافية حول كيفية القيام بذلك على الشبكة.
بالنسبة للوظيفة ، كل شيء على ما يرام مع هذا. للعمل ، يتم استخدام مكتبة jQuery v1.7 + ، وتأثيرات انتقال جميلة ، وإعدادات بسيطة ومرنة للغاية ، وتخطيط سريع الاستجابة ، واقتصاص تلقائي للصور وغير ذلك الكثير.
فكرة شريط التمرير مستوحاة من المطورين المعروفين بأسلوب عرض منتجات Apple ، حيث تتغير العديد من العناصر الصغيرة (الصور) من خلال النقر على الفئة المحددة مع تأثير الرسوم المتحركة البسيط. يوفر لك Codrops برنامجًا تعليميًا مفصلاً حول كيفية إنشاء شريط التمرير هذا ، وتخطيط HTML كامل ، ومجموعة من قواعد CSS ومكوِّن إضافي jQuery قابل للتنفيذ ، بالإضافة إلى مثال حي رائع لاستخدام شريط التمرير.
سليت سلايدر
شريط تمرير الصورة بملء الشاشة في jQuery و CSS3 + برنامج تعليمي مفصل حول دمج المكون الإضافي في صفحات الموقع. الفكرة هي فتح الشريحة الحالية بمحتوى محدد عند الانتقال إلى المحتوى التالي أو السابق. باستخدام الرسوم المتحركة لـ jQuery و CSS ، يمكنك إنشاء انتقالات فريدة للشرائح. يضمن تخطيط شريط التمرير المستجيب ظهوره بشكل جيد على الشاشات أنواع مختلفةأجهزة المستخدم.
شريط تمرير المحتوى المرن
شريط تمرير المحتوى ، والذي يقوم تلقائيًا بضبط العرض والارتفاع وفقًا لحجم الحاوية الرئيسية التي توجد بها. بسيطة للغاية في التنفيذ ومرنة في شريط تمرير الإعدادات مدعوم من jQuery ، مع التنقل في الأسفل ، عندما يتم تغيير حجم الشاشة لأسفل ، يتم عرض التنقل في شكل رموز. وثائق مفصلة للغاية (برنامج تعليمي حول الإنشاء) وأمثلة حية للاستخدام.
3D المكدس المتزلج
شريط تمرير تجريبي يعرض صورًا ذات انتقالات من المستوى ثلاثي الأبعاد. تنقسم الصور إلى مجموعتين أفقيتين ، بمساعدة تغيير سهام التنقل ويتم تنفيذ انتقال كل صورة لاحقة إلى حالة المشاهدة. بشكل عام ، لا يوجد شيء خاص ، ولكن الفكرة نفسها وطريقة التنفيذ مثيرة للاهتمام للغاية.
شريط تمرير صور jQuery بسيط للغاية وسريع الاستجابة وبملء الشاشة بنسبة 100٪. يعتمد شريط التمرير على انتقالات CSS (خاصية الانتقال) جنبًا إلى جنب مع سحر jQuery. يتم تعيين الحد الأقصى للعرض على 100٪ افتراضيًا ، لذلك سيتغير حجم الصور وفقًا للتغييرات في حجم الشاشة. لا توجد مؤثرات حركية خاصة وأطباق شهية في التصميم ، كل شيء بسيط وشحذ للتشغيل السلس.
الحد الأدنى من الشرائح
الاسم يتحدث عن نفسه ، ربما يكون هذا أحد أكثر أشرطة تمرير صور jQuery خفيفة الوزن وأضيق الحدود التي صادفتها (مكون إضافي بحجم 1 كيلوبايت). RespiveSlides.jsهو ملحق jQuery صغير يقوم بإنشاء عروض شرائح باستخدام عناصر داخل الحاوية. يعمل مع مجموعة كبيرة من المتصفحات ، بما في ذلك جميع إصدارات IE ، مكبح التقدم الشهير ، من IE6 وما بعده. يستخدم العمل انتقالات CSS3 جنبًا إلى جنب مع جافا سكريبت ، من أجل الموثوقية. تخطيط بسيط باستخدام قائمة غير مرتبة ، وتعيين الانتقالات والفترات الزمنية ، والتحكم الآلي واليدوي في تبديل الشرائح ، فضلاً عن دعم عروض الشرائح المتعددة في وقت واحد. هنا مثل هذا "طفل" لعوب.
الة تصوير
تعد الكاميرا مكونًا إضافيًا مجانيًا لـ jQuery لتنظيم عروض الشرائح على صفحات الموقع ، ومنزلق خفيف الوزن به العديد من تأثيرات الانتقال ، مع تخطيط سريع الاستجابة بنسبة 100٪ ، إعدادات بسيطة... يناسب تمامًا شاشات أي جهاز مستخدم (شاشات الكمبيوتر ، والأجهزة اللوحية ، والهواتف الذكية ، و الهواتف المحمولة). القدرة على عرض الفيديو المضمّن. التغيير التلقائي للشريحة والتحكم اليدوي باستخدام الأزرار وكتلة الصور المصغرة. معرض صور شبه كامل في تصميم مضغوط.
مسج bxSlider
شريط تمرير jQuery سريع الاستجابة آخر بسيط إلى حد ما. يمكن وضع أي محتوى وفيديو وصور ونص وعناصر أخرى في شرائح. دعم موسع شاشات تعمل باللمس... استخدام الرسوم المتحركة للانتقال CSS. عدد كبير من اختلافات مختلفةعرض الشرائح ومعارض الصور المدمجة. التحكم الآلي واليدوي. تبديل الشرائح باستخدام الأزرار واختيار الصور المصغرة. حجم الملف المصدر صغير ، من السهل جدًا تكوينه وتنفيذه.
فليكس سلايدر 2
FlexSlider 2 - نسخة محدثة من شريط التمرير الذي يحمل نفس الاسم ، مع استجابة محسنة ، وتصغير البرنامج النصي ، وإعادة التدفق / إعادة الرسم المصغر. يشتمل المكون الإضافي على شريط تمرير أساسي ، وتحكم بالانزلاق مع صور مصغرة ، وأسهم مدمجة لليمين واليسار وشريط تنقل سفلي على شكل أزرار. القدرة على عرض الفيديو في شرائح (vimeo) ، وإعدادات معلمة مرنة (انتقالات ، زخرفة ، فاصل زمني) ، تخطيط سريع الاستجابة.
جاليريا
معروف وشائع جدًا ، استجابة البرنامج المساعد jQuery لإنشاء معارض صور عالية الجودة ومنزلقات. واجهة شريط التمرير ، بفضل لوحة التحكم الخاصة بها تشبه بصريًا مشغل فيديو مألوفًا ، يشتمل المكون الإضافي على العديد من السمات المختلفة. دعم لمقاطع الفيديو والصور المضمنة من الخدمات الشعبية: Flickr و Vimeo و YouTube وغيرها. وثائق مفصلة عن الإعداد والاستخدام.
توت
شريط تمرير صور jQuery بسيط خالٍ من الأجراس والصفارات مكتوب خصيصًا لتصميم الويب سريع الاستجابة. Blueberry هو ملحق jQuery تجريبي مفتوح المصدر. تصميم أضيق الحدود ، بدون تأثيرات ، فقط الصور المنبثقة بسلاسة التي تحل محل بعضها البعض بعد فترة زمنية معينة. كل شيء بسيط للغاية ، قم بإعداده ، وقم بتوصيله وانطلق ...
jQuery popeye 2.1.0 تحديث
شريط تمرير صورة jQuery مدمج للغاية مع عناصر Lightbox. نظرًا لحجمها المرن ، فمن السهل جدًا تضمينها في أي حاوية ، في إدخال واحد على شكل صور مصغرة ، عند تحريك مؤشر الماوس أو النقر فوق أي مربع ضوئي مع صورة مكبرة وعناصر تحكم نشطة. من الملائم وضع مثل هذا المنزلق في الشريط الجانبي لتقديم المنتجات أو الإعلانات الإخبارية. حل ممتاز للمواقع التي تحتوي على كمية كبيرة من المعلومات.
تسلسل
شريط تمرير سريع الاستجابة مع انتقالات CSS3 المتقدمة. أسلوب أضيق الحدود ، 3 سمات تصميم ، كل إطار ينزلق أفقياً ، يظهر في المنتصف ، الصورة تذهب إلى اليسار ، التوقيع إلى اليمين ، الصور المصغرة مكررة في الزاوية اليمنى السفلية. ترقيم صفحات العروض التقديمية للمنتج للعرض في كل إطار. تتضمن عناصر التحكم أيضًا أزرارًا للخلف وللأمام. مدعومة من قبل جميع المتصفحات الحديثة.
انتقد
شريط تمرير بسيط للغاية للصور من حيث الوظائف والإعدادات ، من الإعدادات ، هناك تغيير في سرعة تغيير الشرائح ، وربط الوضع اليدوي (يتم تنشيط أزرار التحكم) ، عرض شرائح مستمر. هذا المنزلق له الحق في أن يكون وقد جذبني فقط بحقيقة أنه كذلك ، لم أجد أي شيء مثير للاهتمام بشكل خاص في هذا التطور ، ربما كنت أبدو سيئًا)))
شريط تمرير الصورة المستجيبة
صورة جميلة وقابلة للتكيف من شريط التمرير من فلاديمير كودينوف ورفاقه. أداة قوية ومتطورة ، مزودة بأمثلة توضيحية و تعليمات مفصلةعلى الإنشاء والتركيب والاستخدام. تصميم سريع الاستجابة ، أزرار وسهام خضراء لطيفة ، كل شيء جميل وهادئ ، بدون ضغط.
الكسر
البرنامج المساعد المنزلق jQuery parallax المجاني للصور وشرائح النص. تحتوي الرسوم المتحركة للشرائح على قيم عرض متعددة مع تحكم كامل في كل إعداد توقيت وحركة. القدرة على تحريك عدة عناصر دفعة واحدة على شريحة. يمكنك تعيين طرق مختلفة للرسوم المتحركة ، أو تلاشي الشرائح أو الانتقالات من اتجاه معين. العرض التلقائي والتحكم اليدوي باستخدام أسهم التنقل التي تنبثق عندما تحوم فوق صورة. 10 أنواع من تأثيرات الرسوم المتحركة لمظهر الشرائح وأكثر من ذلك بكثير ...
تبين أن المراجعة كانت شاملة للغاية ، ولكنها ليست غنية بالمعلومات الكافية بسبب العدد الكبير من المنتجات المعنية. كل التفاصيل والأوصاف التفصيلية وظائفمكون إضافي معين ، يمكنك معرفة ذلك مباشرة على صفحات المطورين. لا يسعني إلا أن أتمنى أن يكون شخص ما قد سهّل على شخص ما العثور على الأداة الضرورية جدًا لإنشاء منزلقات صور ملونة على صفحات مواقعهم.
هل تساءلت يومًا عما إذا كان من الجيد أن تكون قادرًا على العمل مع قوالب سكانها ينالون الجنسية الروسية؟ فقط فكر لمدة دقيقة. لا يضيع الوقت في العمل مع قوالب اللغة الإنجليزية. نسارع إلى إرضاءك بالحقيقة التي يمكنك العثور عليها الآن في سوق TemplateMonster. كان النص لكل منهم مكتوبًا بخط اليد. وبالطبع ، جميع الحلول الجاهزة سهلة الاستخدام بشكل لا يصدق.
مع كل الاحترام ، أندرو
تأثير نص مثير للاهتمام عند التمرير باستخدام jQuery.
تصميم أصلي للغاية لشريط تمرير الصورة ، يذكرنا بمروحة. تغيير الشريحة المتحركة. يتم التنقل بين الصور باستخدام الأسهم. يوجد أيضًا تغيير تلقائي ، يمكن تشغيله وإيقاف تشغيله باستخدام زر التشغيل / الإيقاف المؤقت الموجود في الجزء العلوي.
3. تصميم رائع للرسوم البيانية على الموقع
مخطط دائري متحرك تم إنشاؤه باستخدام مكتبة Raphaël JavaScript.
قائمة CSS3 المنسدلة خفيفة الوزن للموقع.
شريط تمرير jQuery المتحرك. يتم قياس صور الخلفية تلقائيًا عند تغيير حجم نافذة المتصفح. تنبثق كتلة مع وصف لكل صورة.
6. خلفية الرسوم المتحركة لـ jQuery على الصفحة
تأثير jQuery المتحرك عند تحريك المؤشر عبر الشاشة.
7. المكوِّن الإضافي "Blackbird"
حل عملي مشابه للتنبيه () في JavaScript. يمكنك قراءة المزيد حول استخدام Blackbird على الصفحة التجريبية.
8. مكتبة Ajax لمكونات JSF "OpenFaces"
مجموعة من مكونات Ajax المختلفة في إطار عمل JFS مفتوح المصدر لإنشاء العناصر واجهة المستخدم... تتضمن مجموعة المكونات عناصر الواجهة الأكثر شيوعًا: مكونات للعمل مع الجداول والرسوم البيانية وعلامات التبويب والنوافذ المنبثقة والمرشحات والقوائم والتقويمات ومكونات للعمل مع النماذج والعديد من حلول Ajax الأخرى. يمكنك رؤية جميع المكونات قيد التشغيل على الصفحة التجريبية. يتم توزيع OpenFaces تحت نوعين من التراخيص: مجانية وتجارية.
9. مجموعة "Wijmo" من عناصر واجهة مستخدم jQuery UI لإنشاء عناصر واجهة المستخدم
مجموعة من الحاجيات الاحترافية لمطوري الويب. تتضمن مجموعة Wijmo حلول jQuery المجانية التالية: الأكورديونات والتقويمات ومربعات الحوار المنبثقة والموسعات والنماذج ذات الأنماط والقوائم المتنوعة والقوائم وأشرطة التقدم وعلامات التبويب وتلميحات الأدوات وعناصر واجهة مستخدم مفيدة أخرى. يقدم مطورو "ويجمو" بالإضافة إلى حلول مجانيةأيضا تطويرات jQuery UI التجارية عالية الجودة. بعد تنزيل الأرشيف ، يمكنك رؤية جميع عناصر واجهة المستخدم الممكنة قيد التشغيل ، فهي موجودة في دليل wijmo-open / development-bundle / sample / sample. من المؤكد أن هذه المجموعة ستوفر لك الكثير من الوقت أثناء تطوير مشاريع الويب الخاصة بك.
10. تصميم مجال البحث باستخدام مسج
تصميم متحرك لحقل الإدخال استعلام بحث... يمكن ملاحظة التأثير عن طريق النقر بالماوس في حقل الإدخال. يظهر الزر لبدء البحث بعد إدخال استعلام من لوحة المفاتيح.
11. شريط تمرير "Flux Slider" في jQuery و CSS3
12. jQuery النص القابل للتطوير "Sliding Letters"
البرنامج المساعد لإنشاء نص قابل للتحجيم اعتمادًا على حجم نافذة المتصفح. كلما زاد حجم نافذة المتصفح ، زاد حجم النص. لاحظ أنه لا يجب استخدام هذا التأثير مع النص العادي في الفقرات. إنها مناسبة فقط لعرض ملصقات ضخمة ، على سبيل المثال ، على المواقع الترويجية. يمكن رؤية مثال على صفحة العرض. حاول تغيير حجم النافذة لرؤية التأثير.
13. عرض الشرائح "محرج"
عرض الشرائح الوظيفي. في شكل شرائح يمكن أن يكون: صور بسيطة، صور مع تسميات توضيحية ، صور مع تلميحات ، مقاطع فيديو. يمكنك التنقل باستخدام الأسهم وروابط أرقام الشرائح والمفاتيح اليسرى / اليمنى على لوحة المفاتيح. تم عمل عرض الشرائح في عدة إصدارات: مع وبدون المنمنمات. لمشاهدة جميع الخيارات ، اتبع روابط العرض التوضيحي رقم 1 - العرض التوضيحي رقم 6 الموجود أعلى صفحة العرض التوضيحي.
14. jQuery plugin "jQueryZoom"
باستخدام هذا البرنامج المساعد ، يمكنك إضافة تأثير التكبير / التصغير إلى الصورة عند التمرير أو إضافة تراكب إليها. البرنامج المساعد سهل التخصيص حسب احتياجاتك.
15. معرض jQuery jSwitch
معرض jQuery المتحرك.
16. معرض جافا سكريبت مع تأثير ثلاثي الأبعاد
17. معرض "jQuery Morphing Gallery"
شريط تمرير jQuery جديد. العديد من التأثيرات المتحركة الرائعة عند تغيير الشرائح.
18. قائمة CSS3 Apple Style الجديدة
قائمة جديدة على غرار Apple. يبدو أغمق من ذي قبل ، ولكن ليس أقل جاذبية.
19. تطبيق جديد لتلميحات الأدوات في jQuery "Tooltipsy"
العديد من تأثيرات تلميح الأدوات المختلفة.
20. معرض JavaScript للعرض على الأجهزة المحمولة "PhotoSwipe"
معرض الصور الأمثل للعرض على أجهزة محمولة(الهواتف أو الأجهزة اللوحية).
21. قائمة CSS3 أنيقة
22. المكون الإضافي jQuery "Magnifier"
تأثير تكبير منطقة من الصورة عند المرور بالماوس.
23. سلة طلبات Ajax "Easy Basket" لمتجر إلكتروني
عربة تسوق عملية لمتجر عبر الإنترنت مع طرق دفع متكاملة للبضائع باستخدام PayPal أو Google Checkout. التقنيات المستخدمة: HTML و CSS و jQuery و AJAX و PHP و XML و XSL. من السهل تضمينها في صفحة ويب وتخصيصها مظهر خارجيسلال.
24. jQuery plugin "Grid Navigation Effects"
التنقل الأصلي بين الصور المصغرة للصور. لعرض التأثير على الجانب الأيمن من صفحة العرض التوضيحي ، انقر فوق الزرين لأعلى ولأسفل. يوفر حل jQuery هذا أيضًا تأثير تمرير فوق صورة مصغرة.
25- تأثير الخلفية "المنظر العمودي"
5. تحويل عرض الكتل إلى jQuery
بمساعدة هذا jQuery plugin"تبديل خيارات العرض" ، يمكنك تنفيذ مفتاح تبديل على الصفحة ، والذي بمساعدته سينتقل الزائر من عرض الجدول للمعلومات إلى عرض كاملمع وصف الكتل. مثالي لتنفيذ المحفظة.
26. الساعة التناظرية في jQuery
27.jQuery HTML5 Portfolio
تنفيذ محفظة جميلة مع باستخدام jQueryو HTML5. شريحة المحفظة في المرشح المنفذ. يتم عرض أعمال مختلفة في المحفظة حسب الفئة المختارة.
28. معرض مع المنمنمات "معرض TN3"
معرض الصور المصغرة jQyery. نفذت القدرة على العرض في نافذة مضغوطة وفي نافذة بملء الشاشة ، بالإضافة إلى القدرة على تعطيل / تمكين التغيير التلقائي للشريحة.
29. وصف الصور "نافذة المعاينة"
البرنامج المساعد لتوقيع الصور. عند تحريك مؤشر الماوس باستخدام تأثير متحرك ، يظهر وصف للصورة. يتم استخدام JQuery لإنشاء الرسوم المتحركة.
30. مكتبة جافا سكريبت
31. شبكة الصور "Grid-Gallery"
36. عرض الشرائح
في الزاوية اليمنى العلوية من الشريحة ، يمكنك تشغيل / إيقاف تشغيل التغيير التلقائي للشريحة.
37. القائمة المنسدلة "JBAR"
38. قائمة متحركة في jQuery
قائمة متحركة. يتم عرض عناصر القائمة في شكل أيقونات وأوصاف. بعض التأثيرات الرائعة عند التمرير فوق عنصر قائمة. هناك 8 تأثيرات ، لرؤيتها جميعًا - اتبع الروابط Exemple1-Exemple8 في صفحة العرض التوضيحي.
39. jQuery عرض الشرائح
عرض الشرائح مع تأثير تغيير الصورة الأصلية.
40. تأثير jQuery CSS3 المتحرك
41. jQuery معرض الصور
معرض jQuery مع صور توضيحية. العديد من تأثيرات انتقال الشرائح. يتم التنقل بين الصور إما بمساعدة الأسهم أو عن طريق النقر على الصورة المصغرة.
تأثير الخلفية (الحركة عبر الطبقات). في صفحة العرض التوضيحي ، اسحب الماوس عبر الشاشة لترى التأثير أثناء العمل.
43.jPaginator CSS3 Paging Plugin
44. Plasm The Wall Plugin
لإنشاء نوع من "الجدران" من الصور أو كتل HTML ، والتي يمكن سحبها بالماوس عبر الشاشة داخل منطقة ثابتة.