کد حرکت متن دنبال ماوس

در این پست کد حرکت متن دنبال ماوس رو براتون قرار میدم این کد به این صورته که متن مورد نظر خودتونو در کد جایگزین کرده و  کد رو در قالب وبلاگ و یا سایت خود قرار داده و بعد از ذخیره اطلاعات در قالب متنی که در کد قرار داره با استایلی زیبا به همراه ماوس به حرکت در خودهد امد.

استایل جدید به کد اضافه شده است و با عکس زیر تفادت دارد بهتراست تا دمو کد را مشاهده نمایید.

 

کد حرکت متن دنبال ماوس

 

دمو کد

<div style="position:absolute;top:-200%;"><a  href="https://codebazan.ir/" rel="follow">&#1705;&#1583; &#1581;&#1585;&#1705;&#1578; &#1605;&#1578;&#1606; &#1583;&#1606;&#1576;&#1575;&#1604; &#1605;&#1575;&#1608;&#1587;</a></div><div style="position:absolute;width:100px;height:20px;color:red;auto;padding:3px
۰;text-align:center;width:140px;border:1px
solid  #B99679;border-radius:5px;-moz-border-radius:5px}.newspic
img{border-radius:3px;-moz-border-radius:3px;margin:5px;" id="codebazan" >

**CoDeBaZaN.iR**

</div>
<script type="text/javascript" language="JavaScript">
function cursorInit(){document.onmousemove = onMouseMove; } function onMouseMove(e) {    if (!e)       var e = window.event||window.Event;    if ("undefined" != typeof e.pageX){x = e.pageX;y = e.pageY;}else{x = e.clientX + document.body.scrollLeft;y = e.clientY + document.body.scrollTop;}x+= -60;y += 50;    document.getElementById("codebazan").style.left = x + "px";    document.getElementById("codebazan").style.top = y + "px"; } onload= cursorInit; 
</script>

برای تست و ویرایش از ابزارپیش نمایش کدبازان استفاده کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code