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

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

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

برای این کار , مانند همیشه و به صورت یک قانون , ابتدا باید کتابخانه جی کوئری را به وب سایت خود اضافه نمایید . یعنی وارد سایت 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 ). این اعداد همان مقدار زمان بر حسب میلی ثانیه می باشند .

پخش اختصاصی

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