کد باکس لرزان (کد لرزش باکس بنفش رنگ)

این کد زیبا با استفاده از jQuery می لرزد ، با استفاده از css زینت شده است و با استفاده از html نمایش داده می شود.

شما با گذاشتن این کد در وب خود یک باکس بنفش رنگی ایجاد می کنید که برای همیشه در حال لرزش است. ویبره این باکس ایطور است که به طور متوالی:

1. یک پیکسل به راست می رود.
2. یک پیکسل به پایین می رود.
3. 2 پیکسل به چپ می رود.
4. 2 پیکسل به راست می رود.

و بعد به صورت متوالی کار های بالا تکرار می شود. زمانی که طول می کشد که این یک پیکسل ها و 2 پیکسل ها طی شود 10هزارم ثانیه است.

این کد را در head صفحه خود قرار دهید (اگر صفحه شما دارای فایل jQuery می باشد خط اول را حذف کنید.):

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ // the vibration code by www.moisrex.rozblog.com function moisrexvibration(){ $('.vibration').animate({'left':'1px'},10) $('.vibration').animate({'top':'1px'},10) $('.vibration').animate({'left':'-1px'},10) $('.vibration').animate({'top':'-1px'},10) $('.vibration').animate({'left':'-1px'},10) }; setInterval( function(){ moisrexvibration() } ,0) }); </script> <style> /* the vibration code - by www.moisrex.rozblog.com */ .vibration{ position:relative; background:#a5f; padding:10px; width:200px; color:#fff; font:11px tahoma; border:1px #a0f solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; -webkit-box-shadow:0 0 5px #fff inset; -moz-box-shadow:0 0 5px #fff inset; box-shadow:0 0 5px #fff inset; -o-box-shadow:0 0 5px #fff inset; -ms-box-shadow:0 0 5px #fff inset; -khtml-box-shadow:0 0 5px #fff inset; } </style>

<center> <div style="position:absolute;top:-200%;"><a href="http://moisrex.rozblog.com/" title="کدستان">کد باکس لرزان</a></div><div class="vibration"> محل متن شما </div> </center>