انسخه أولاً وشاهد التأثير قيد التشغيل. الجوهر المستخدم هو طريقة setInterval():
انسخ رمز الكود كما يلي:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<أتش تي أم أل>
<الرأس>
<title>جافا سكريبت</title>
<نمط>
أتش تي أم أل
{
لون الخلفية: فضي؛
}
.نقطة1
{
الموقف:مطلق؛
اليسار: 10 بكسل؛
أعلى: 40 بكسل؛
}
.point2
{
الموقف:مطلق؛
اليسار: 100 بكسل؛
أعلى: 40 بكسل؛
}
.hr1
{
الموقف:مطلق؛
أعلى: 60 بكسل؛
}
</نمط>
<script type="text/JavaScript">
document.onmousedown = mousedown;
document.onmouseup = mouseup;
فار الفاصل الزمني;
فار مباشر = صحيح؛
وظيفة الماوس داون () {
IntervalProcess = setInterval("MovePoint()", 1);
}
وظيفة رفع الماوس () {
ClearInterval(intervalProcess);
}
وظيفة موفبوينت () {
مع (document.getElementById("point1").style){
إذا (isNaN(parseInt(يسار)))
اليسار = "10px"؛
آخر {
document.getElementById("point2").style.left = "200px";
إذا (parseInt(يسار) <0)
مباشر = صحيح؛
إذا (parseInt(left) > parseInt(document.getElementById("point2").style.left))
مباشر = خطأ؛
إذا (مباشر)
left = parseInt(left) + 1 + "px";
آخر
left = parseInt(left) - 1 + "px";
}
}
}
</script>
</الرأس>
<الجسم>
<div id="point1"><font color=blue>أ</font></div>
<div id="point2"><font color=red>ب</font></div>
<ساعة />
</الجسم>
</html>