يقوم بعمل صفحة محفظة مع فلاش على موقع الويب الخاص بك قد أصبح نوعا من عفا عليها الزمن. ويمكن في هذه الأيام مع الآلات وأسرع متصفح جديد جيل حقا ركلة الحمار مع بعض جافا سكريبت والمغلق. مسج لديه وسيلة أنيق جدا للتعامل مع بعض الآثار. جميع الحركات تنبع من طريقة قاعدة تسمى "الأرواح". هذا ينعش، فتيات مراهقات خصائص العناصر DOM. لجعل قصة قصيرة طويلة تأخذ نظرة على هذا.
لذلك، فقد ضغطت بالفعل، ورأى الحق؟ طيب، وإذا نظرتم الى رمز، انها بسيطة الى حد كبير.
$ (وثيقة) جاهزة (وظيفة () {فار hover_in_easing = "easeOutExpo"؛. فار hover_out_easing = "easeOutBounce"؛. $ (". info_container") عرض ()؛. $ ("div.portfolio_div") تحوم (وظيفة ( ) {$ (هذا) العثور على ("info_container.") تحريك ({الأعلى: "0px"}، {مدة: 400، وتخفيف:. hover_in_easing})؛}.، وظيفة () {$ (هذا) العثور على (" . info_container ".) تحريك ({الأعلى:" 100px "}، {مدة: 500، وتخفيف: hover_out_easing})؛}) / / ومقصف 100 هو حجم قناع})؛ ويستخدم وظيفة الأرواح لتحريك قناع فوق الصورة التي يتم الاحتفاظ خبأتها المواقع نسبيا. ومع تخفيف المساعد، ويمكننا تحقيق بعض التأثير بارد من كذاب عندما كنت تحوم خارج من الصورة. يمكنك وضع أي أتش تي أم أل داخل العناصر DIV info_container طالما أنها لا تتجاوز الحدود. ننظر إلى أنماط وستجد أنها gramatical جدا. يمكنك تخصيص الاحجام عن طريق تعديل الطبقات شعبة.
إلهام: http://dibusoft.com/portfolio
التعليقات الأخيرة