منتدى خاص لطالبات جامعة الطائف
 
الرئيسيةالصفحة الرئيسيةس .و .جبحـثالمجموعاتالتسجيلدخول

شاطر | 
 

  كود HTML جعل الكلمة تلحق الماوس بطريقة روعة ..

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
وردة
Admin
Admin
avatar

تاريخ التسجيل : 14/02/2009
المشاركات : 238
عدد النقاط : 4828
التخصص : Taif woOow3
نشاط العضوة :
100 / 100100 / 100

نوع جوالي : BlackBerry 8520
نظام جهــازي : Windows 7
مزاجي : رايقة
My MMS : قلبي مثل الورد...

مُساهمةموضوع: كود HTML جعل الكلمة تلحق الماوس بطريقة روعة ..   الجمعة نوفمبر 19, 2010 2:18 pm

حصريا الكود المستخدم فى منتدانا وهو
كود جعل كلمة تلحق بالماوس بطريقة خرافية



الرمز:

<script type="text/javascript">
/* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.com/) */
var x = 0, y = 0;
var step = 20;
var flag = 0;

var message = "ضع هنا الكلمة";
message = message.split("");

var xpos = new Array();
for (i=0; i<message.length; i++)
{
xpos[i]=-50;
}

var ypos = new Array();
for (i=0; i<message.length; i++)
{
ypos[i]=-50;
}

function handlerMM(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;
}
flag=1;
}

function makesnake()
{
for (i=message.length-1; i>=1; i--)
{
xpos[i] = xpos[i-1] + step;
ypos[i] = ypos[i-1];
}
xpos[0] = x + step;
ypos[0] = y;

for (i=0; i<message.length; i++)
{
var id = 'span'+i;
var thisspan = document.getElementById(id);
thisspan.style.left = xpos[i] + "px";
thisspan.style.top = ypos[i] + "px";
}
var timer=setTimeout("makesnake()",30);
}
</script>

<script type="text/javascript">
for (i=0;i<=message.length-1;i++)
{

document.write("<span id='span"+i+"'
style='position:absolute;left:0px;top:-50px;font-size:12px;font-family:Al-Kharashi
20;font-weight:bold;color:#ضع هنا رمز اللون المطلوب للكلام;'>");
document.write(message[i]);
document.write("</span>");
}

if (document.layers)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
makesnake();

</script>















ـــــــــــــــــــــــــــــــــــــــــــــــ ..:: التوقيع ::.. ـــــــــــــــــــــــــــــــــــــــــــــــ


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

اللهم أعني على ذكرك وشكرك وحسن عبادتك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taif.wow3.info
 
كود HTML جعل الكلمة تلحق الماوس بطريقة روعة ..
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» HTML
» العناصر والوسوم HTML
» كود لوضع خلفية لصفحات html
» البرنامج الذي يحول من PDF, RTF, DOC, PPT, XLS, HTML , MHT إلىtext
» تعلم لغة HTML

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى تايف واو :: كيفية استخدام المنتدى :: قسم تطوير تقنيات المنتديات والمواقع-
انتقل الى: