تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
Novin.com
تبلیغات
تبلیغات تبلیغات

آموزش ساخت متن چشمک زن در 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 ). این اعداد همان مقدار زمان بر حسب میلی ثانیه می باشند .

پخش اختصاصی

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 3 / 5. تعداد رای : 2

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 2 آموزش ها , جی کوئری , متفرقه , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=13166
کلمات کلیدی پست :
مطالب مرتبط
8,011افزونه اسلایدر حرفه ای و واکنش گرا Everslider برای وردپرس تاریخ : 2015/07/22
9,489اسکریپت خبرنامه JQuery با افکت مُدال تاریخ : 2014/09/14
10,983صفحه 404 بسیار زیبا Spotlook به صورت HTML5 تاریخ : 2013/12/10
9,797افزونه ایجاد کدهای کوتاه در وردپرس تاریخ : 2016/06/19
9,990اسکریپت افکت گذاری بر روی تصاویر jQuery Shining Image تاریخ : 2014/09/8
11,784اسکریپت تقویم و رویدادها Promoter تاریخ : 2016/02/12
9,818دانلود افزونه ساخت فرم تماس در وردپرس Contact Form Builder تاریخ : 2016/03/5
10,505اسکریپت ایجاد فرم تماس با ما با قابلیت پیوست فایل Ajax Contact Form with attachments نسخه 2.0.6 تاریخ : 2015/12/1
20,350راه اندازی سایت دانلود اپ موبایل با اسکریپت AppMarket تاریخ : 2017/07/19
8,371اسکریپت مدیریت رمز عبور Passworx نسخه 3.0 تاریخ : 2016/01/5
13,800دانلود پلیر جی کوئری بسیار زیبا و حرفه ای موزیک تاریخ : 2016/12/20
7,693اطلاعیه های گرد و شفاف CSS و jQuery تاریخ : 2013/11/27
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات