۲۰ افکت جی کوئری برای متن

نوشته شده توسط admin

۰۵ اسفند

امروز به عنوان استراحت بین آموزش هامون براتون ۲۰ نمونه از افکتهای جی کوئری روی متن رو آماده و جمع آوری کردم که مطمئنم خوشتون میاد چون هم ساده هستند هم کاربردی. البته در هفت روزی که تا پایان سری پانزده روزۀ آموزش جی کوئری داریم چند تا از همین افکت ها رو توضیح خواهم داد ولی شما اگر در استفاده از هر کدوم از این افکتها به مشکل برخوردید در قسمت نظرات بپرسید. دوستان دقت کنید تمام افکتها نمایش ( دمو ) دارند فقط ممکن است در لینک به اسم Demonstration یا See in action یا Example نام گذاری باشد. امیدوارم لذت ببرید.

۱٫ با استفاده از این افکت می توانید به متن خود outline , shadow gradient و mirror اضافه کنید.

۲٫ این افکت به کل متن یا پاراگراف شما خاصیت gradient می دهد.

۳٫ عکس کاملاً گویاست. این افکت باعث میشود متن شما بیرون یا درون صفحه نشان داده شود.

۴٫ حتماً می دونید که قابلیت shadow در css3 بوجود اومد و بعضی از مرورگرها مثل IE که از اون حمایت نمی کنن قابلیت نشان دادن متن با shadow نیستند. ولی این افکت به شما کمک خواهد کرد تا با IE هم بتوانید برای متن shadow ایجاد کنید.

۵٫ این افکت واقعاً کاربردی و زیباست. با این پلاگین می توانید کاری کنید که متنی که به هم ریخته است به صورت زیبایی خوانا شود یا حتی از نو نوشته شود.

۶٫ خیلی جالب میشه اگر با حرکت موس متن شما تغییر رنگ یا تغییر اندازه بده و حتی با هم این کار رو انجام بده…

۷٫ حتماً دوست دارید هنگام لود شدن کامل صفحه متنی شروع به نوشته شدن بکنه …

۸٫ این هم نوعی از افکت بالاست که می تونه متن رو کلمه به کلمه بنویسه یا نوشتن چند پاراگراف رو با هم شروع بکنه.

۹٫ اگر شک دارید که روزی جی کوئری جای فلش رو خواهد گرفت این افکت رو ببینید… حتماً روی حروف کلیک کنید و به این فکر کنید که می تونید جای حروف از اسم خودتون یا لینک بخش های مختلف سایتتون استفاده کنید …

۱۰٫ من شدیداً به این افکت علاقه دارم. ساده . زیبا و کاربردی … سایتی نیست که نشه این افکت رو توش استفاده کرد.

۱۱٫ این هم انواع shadow و gradient روی متن.

۱۲٫ خوبه که مخاطب بتونه انتخاب کنه که متن رو با چه رنگی و به خصوص با چه gradient ببینه

۱۳٫ یا هر چیز که می نویسن به صورت gradient همونجا نشون داده بشه …

۱۴٫ حتماً با خاصیت hover در css آشنا هستید. حالا فکر کنید وقتی موس رو روی لینکی میبرید رنگ لینک به مرور از رنگی که هست به رنگ دلخواهتون تبدیل بشه ! عالی نیست ؟

۱۵٫ حالا تصور کنید که خاصیت بالا برای بک گراند متن هم انجام شود. یا با هر بار حرکت موس روی لینک ، لینک به رنگ جدیدی در بیاید !

۱۶٫ رنگ نوشته و کلاً هر تگ و المان HTML که دوست دارید به صورت پیوسته عوض کنید. واقعاً افکت جالبیه با اینکه یه مقدار سرعت تعویض رنگ برای دمو زیاد هست ولی می تونه خیلی کاربردی باشه.

۱۷٫ حتماً دیدید که چند سالیه بین متن ریز روزنامه ها تکه ای میان متن با فونت بزرگ مهمترین قسمت مطلب نوشته شده. شما می تونید با نقل قول ها هم این کار را با قرار دادن کدی ساده بکنید…