السلام عليكم
قمت بكتابة هذا السكربت لتعلم بعض الأمور الجديدة، ووجدت أنه يستحق النشر
x=document.getElementsByClassName("logo")[0].style;
x.position="fixed";
var i=0;
var interval=setInterval(
function()
{
x.top=Math.floor(50+25*Math.cos(i/10))+"px";
x.left=3*i+"px";
if(i++==400)
clearInterval(interval);
},10);
لمن لا يعرف كيف يشغّل السكربت، انسخ الكود السابق، في فايرفوكس: اضغط ctrl+shift+k، ستجد سطرًا فارغًا في الأسفل الصق فيه الكود واضغط Enter
والله وليّ التّوفيق
كان ضروريًّا، يذهب إلى خارج حدود المتصفح لأن الposition يصبح خارج الحدود.
في الفترة الماضية قضيت بعض الوقت في أمور مفيدة بعد أن نبّهتني لتراجعي ؛)
وهذا للحركة الدائرية
x=document.getElementsByClassName("logo")[0].style;
x.position="fixed";
var i=0;
var interval=setInterval(
function()
{
x.top=Math.floor(200+100*Math.cos(i/20))+"px";
x.left=Math.floor(200+100*Math.sin(i/20))+"px";
if(i++==400)
clearInterval(interval);
},10);
لم يمرّ عليّ أسبوع بعد على بدء تعلّمي لجافا سكربت (عمليًّا) ولم أتعرف بعد على باقي الشّلّة، إذا كان لديك رابط جيّد فهاته.
في الحقيقة ما طلبته منك ليس مرتبطاً حتى بالجافا إسكربت ولكنه جزء من الـ css ، ميزته الوحيدة أنه أخف و أفضل للمتصفح .
تفضل أخ نور،
سلسلة دروس رائعة جدًا، وبسيطة لا تدخل في الامور المعقدة والتفاصيل حتى تدخلك سريعًا في اللغة.
شكرًا لك
التعليقات