این کد با استفاده از جی کوئری ساخته شده است و به شما اجازه می دهد که هر چیزی را به حالت blink (چشمک زن) در بیاورید.
نقص تگ <blink> این بود که در تمامی مروگر ها عمل نمیکرد اما این کد در تمامی مرورگرها که از جاوا اسکریپت پشتیبانی میکنند به درستی عمل میکند.
آموزش :
کد زیر را بعد از تگ <head> قرار دهید
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script src="http://code.jquery.com/jquery-latest.js"></script> <script> // www.fullkade.com $(document).ready(function(){ function fullkade(){ $('.blink').fadeTo(800,0).fadeTo(800,1); } setInterval( function(){ fullkade(); } ,0) }); </script> |
برای تغییر زمان fade in و fade out کافی است اعداد 800 را تغییر دهید .
ما در کد بالا نام کلاسمان را blink انتخاب کردیم حال هر قسمتی را که میخواهید چشمک زن کنید کلاس blink را به آن اضافه کنید مانند کد زیر
|
1 2 3 |
<p class="blink"> فول کدهــ </p> |
قطعه کد چشمک زن کردن در css
همچنین قطعه کد css چشمک زن کردن رو براتون قرار دادیم. می‌تونید داخل لینک زیر مشاهده کنید.
کد متن چشمک زن با CSS و HTML
درود و سپاس