کد باکسی که با بردن ماوس روی آن از کنار صفحه داخل صفحه می آید

این کد را درون head صفحه خود قرار دهید: (در صورت وجود فایل جی کوئری در صفحه خط اول را حذف کنید)

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> /* creat by www.moisrex.rozblog.com * CopyRight www.moisrex.rozblog.com */ $(document).ready(function(){ $('.titlemoisrex,.mousemoisrex').hover(function(){ $('.titlemoisrex,.mousemoisrex').animate({right:'-1px'}); },function(){ $('.titlemoisrex,.mousemoisrex').animate({right:'-200px'}); }); }); </script> <style> .mousemoisrex{ position:fixed; right:-200px; width:200px; top:50%; height:200px; margin-top:-100px; padding:10px; background:#eee; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; font:11px tahoma; direction:rtl; } .titlemoisrex{ background:#111; border-radius:100px 0 0 100px; -moz-border-radius:100px 0 0 100px; -ms-border-radius:100px 0 0 100px; -webkit-border-radius:100px 0 0 100px; -o-border-radius:100px 0 0 100px; -khtml-border-radius:100px 0 0 100px; text-align:left; color:#fff; padding:10px; position:fixed; top:50%; right:-200px; height:20px; margin-top:-135px; font:11px tahoma; direction:rtl; z-index:3; width:250px; } </style>

این کد را درون body صفحه خود قرار دهید:

<div class="mousemoisrex"><a href="http://moisrex.rozblog.com/" style="position:absolute;top:-200%;">کدستان</a><div class="titlemoisrex">تماس با من</div><div class="thetext"> متن شما در اینجا قرار می گیرد. <br> با تشکر </div></div>