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

چهارشنبه, ۵ام اسفند , ۱۳۸۸ | ۸ دیدگاه

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

۱۹٫ هر چه تعداد کلمات شما در پاراگراف بیشتر باشد فونت به صورت خودکار کوچکتر می شود و بالعکس.

۲۰٫ انواع سیستم زوم برای متن را دیدید، در cms جوملا اغلب پوسته ها ایم امکان رو دارند ولی این زوم از جنس دیگریست.

پستهای مرتبط :

نحوه ساخت پس زمینه متحرک وب سایت توسط jQuery

آموزش جی کوئری در پانزده روز : روز هشتم

آموزش جی کوئری در پانزده روز : روز هفتم

آموزش جی کوئری در پانزده روز : روز ششم

آموزش جی کوئری در پانزده روز : روز پنجم

آموزش جی کوئری در پانزده روز : روز چهارم

آموزش جی کوئری در پانزده روز : روز سوم

آموزش جی کوئری در پانزده روز : روز دوم

آموزش جی کوئری در پانزده روز : روز اول

مقدمه ای بر آموزش jQuery در ۱۵ روز

Be Sociable, Share!


۸ دیدگاه


  1. امیر
    ۶ اسفند ۱۳۸۸

    ممنون مسیح جان خیلی عالی بود .




  2. BaHa
    ۱ فروردین ۱۳۸۹

    مسیح جان یه نگاه به این لینک میندازی :
    http://onehackoranother.com/projects/jquery/boxy/tests.html#
    بنظرم جالب اومد و کاربردی
    اگر فرصت کردی آموشش رو برامون بذار
    با تشکر




  3. بها - Baha
    ۱ فروردین ۱۳۸۹

    استاد یه نگاهیم به این منوی زیبا میندازی!
    حتماً دوستان استقبال می کنن.
    من این منو رو واسه نیوک گذاشتم.اما با راست چین کدنش(فارسی کردن) مشکل دارم.نمیتونم تنظیمات CSS رو درست انجام بدم
    ممنون میشم اگه این کار رو انجام بدی و آموزشش رو برامون بذاری
    ممنونم ازت مسیح جان




  4. مجید
    ۲۰ فروردین ۱۳۸۹

    دمت گرم




  5. آیدین
    ۴ اردیبهشت ۱۳۸۹

    سلام مسیح جان
    یه سوال هرجا می گردم پیدا نمی کنم
    می خوام تو سایتم عناوین مطالب نشون داده بشه رو عنوان که کلیلک می کنم زیره همون یه دفعه بره پایین نوشته هاش مشخص بشه.
    ممنون میشم کمک کنی.



  6. […] پستهای مرتبط : ۲۰ افکت جی کوئری برای متن […]




  7. بهلول
    ۲۷ مرداد ۱۳۸۹

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




  8. google
    ۲۰ اسفند ۱۳۸۹

    یه سوال داشتم برای ساخت ابزار های وب مستر باید در چه زمینه ای تخصص داشته باشیم؟



دیدگاه خود را بنویسید