جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش ساخت متن چشمک زن در html با استفاده از jQuery

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

به همین دلیل برای این ساعت از سایت اسکریپت دات کام با استفاده از جی کوئری , یاد این تگ رو زنده میکنیم و از این پس میتوانید از آن استفاده نمایید .

آموزش ساخت متن چشمک زن در html با استفاده از jQuery

برای این کار , مانند همیشه و به صورت یک قانون , ابتدا باید کتابخانه جی کوئری را به وب سایت خود اضافه نمایید . یعنی وارد سایت www.jquery.com میشوید و آخرین نسخه فایل کتابخانه رو دانلود میکنید .

سپس با استفاده از تگ زیر , آن را به html معرفی میکنید .

<script src="آدرس فایل دانلود شده.js"></script>

حال کد زیر را به وب سایت خود اضافه نمایید ( ترجیحا قبل از بسته شدن تگ <body/> )

<script>
function vmsblink(selector){
    $(selector).fadeOut(500, function(){
        $(this).fadeIn(500, function(){
            vmsblink(this);
        });
    });
}
vmsblink('blink'); 
</script>

از این پس میتوانید هر کجای کدهای html خود که دوست دارید از تگ <blink></blink> استفاده نمایید و کاملا مشخص است که مطلب یا نوشته ای که در آن مینویسید به صورت چشمک زن در خواهد آمد .

به عنوان مثال :

<blink>وحید مجیدی</blink>
یا مثلا
<blink><h1>وحید مجیدی</h1></blink>

نکته مهم : 

1 – چنانچه دوست دارید چشمک زن تند تر باشد , باید دو عدد 500 که در کد قرار دارد را کم کنید ( مثلا 200 ) و چنانچه دوست دارید چشمک زن کندتر باشد , باید دو عدد 500 که در کد بالا قرار دارد را بیشتر کنید ( مثلا 1000 ). این اعداد همان مقدار زمان بر حسب میلی ثانیه می باشند .

پخش اختصاصی

آموزش : وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

4 پاسخ به “آموزش ساخت متن چشمک زن در html با استفاده از jQuery”

  1. مستر گفت:

    سلام
    مهندس هرکاری میکنم چشمک نمیزنه:(

    • وحید مجیدی صدر گفت:

      سممنون میشم توی تالار با دمو بیان کنید تا ببینم

  2. amir گفت:

    سلام مهندس طور میشه رنگ متن رو موقع چشمک زدن تغیر داد مثلا 4-5 تا رنگ باشه که هی عوض بشه؟

    • وحید مجیدی گفت:

      در functions برگشتی باید رنگ رو عوض کرد

      اگر بلد نیستید لطفا یه ایمیل بزنید تا براتون اوکی کنید

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *