کد باکسی که از سمت چپ صفحه به سمت راست صفحه می رود

این کد زیبا و دیدنی با استفاده از جی کوئری ساخته شده است و به شما اجازه می دهد در 8 ثانیه متن خود را به کاربر خود بگویید.

زمان بندی کد:

• 0.5 ثانیه برای آمدن باکس به درون صفحه
• 7 ثانیه برای خواندن (در حال حرکت آرام
• 0.5 ثانیه برای خروج از صفحه

برای دیدن دمو اینجا کلیک کنید.

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(document).ready(function() { $('.moisrexvib').animate({'right':'60%'},500); $('.moisrexvib').animate({'right':'20%'},7000); $('.moisrexvib').animate({'right':'-100%'},500); setTimeout("$('.moisrexvib').fadeOut();",8000); }); </script> <style> .moisrexvib{ position:absolute; right:100%; width:200px; height:50px; color:#fff; text-align:justify; direction:rtl; padding:5px; font:12px tahoma; border:2px #000 solid; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; text-shadow:0px 0px 5px; -moz-text-shadow:0px 0px 5px; -o-text-shadow:0px 0px 5px; -ms-text-shadow:0px 0px 5px; -khtml-text-shadow:0px 0px 5px; -webkit-text-shadow:0px 0px 5px; background: -moz-linear-gradient( top center, red, #c10000, #ae0000 ); background: -webkit-linear-gradient( top center, red, #c10000, #ae0000 ); background: -o-linear-gradient( top center, red, #c10000, #ae0000 ); background: -khtml-linear-gradient( top center, red, #c10000, #ae0000 ); background: -ms-linear-gradient( top center, red, #c10000, #ae0000 ); background: linear-gradient( top center, red, #c10000, #ae0000 ); } </style>

این کد را در body قالب خود قرار دهید:

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