ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

آموزش ساخت متن چشمک زن در 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. تعداد رای : 6

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 2 آموزش ها , جی کوئری , متفرقه , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=13166
کلمات کلیدی پست :
مطالب مرتبط
16,523دانلود قالب شخصی Water Mobile به صورت HTML تاریخ : 2015/08/23
16,100دانلود اسکریپت آپلود سنتر قدرتمند MonsterFile نسخه 1.3 تاریخ : 2015/01/22
14,698دانلود افزونه تماس با ما Ninja Kick v.2.2.4 برای وردپرس تاریخ : 2015/01/11
12,742پلاگین ابزار رنگ ها به سبک فتوشاپ به صورت جی کوئری تاریخ : 2014/02/25
23,155افزونه حرفه ای دانلود به ازای عضویت برای وردپرس تاریخ : 2015/01/22
24,467راه اندازی سایت دانلود اپ IOS با اسکریپت AppStore تاریخ : 2017/08/14
26,100ایجاد اسلایدر حرفه ای در وردپرس با Slider Revolution فارسی نسخه 4.6.93 تاریخ : 2015/05/27
20,651اسکریپت jQuery نمایش وضعیت آب و هوا Flat Weather تاریخ : 2015/09/2
11,595افزونه اسلایدر حرفه ای و واکنش گرا Everslider برای وردپرس تاریخ : 2015/07/22
15,411صفحه 404 بسیار زیبا Spotlook به صورت HTML5 تاریخ : 2013/12/10
16,301پخش کننده فایل های صوتی با jQuery و HTML5 تاریخ : 2016/02/20
16,217افزونه وردپرس نمایشگر وضعیت آب و هوا Better Weather تاریخ : 2016/09/23
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب