Overflow

حرکت دادن ماشین JS

4 پست در این موضوع قرار دارد

سلام به همه دوستان انجمن

ما تو دانشگاه 3 واحد طراحی وب داریم که استاد یه تمرین داد با این موضوع :

که یه ماشین داریم قرار طول مرورگر رو عبور کنه و قتی به اخرش رسید از اون سمت بیاد بیرون و عکس این عمل. و این که کاربر بتونه سرعت ماشین رو کنترل کنه چه به سمت عقب چه به سمت جلو.

پ.ن: البته بدونه استفاده از هیچکدام از کتابخانه های جاوااسکریپت !

source رو اماده کردم میزارم اینجا امید وارم شاید یه زمانی به کار دوستان انجمن بیاد .

روز خوش

car1.rar

19

به اشتراک گذاری این پست


لینک به پست

دمت گرم خیلی با حاله میشه ازش تو وب هم استفاده کرد البته با تغیر تصاویر

0

به اشتراک گذاری این پست


لینک به پست

خیلی جالب بود. راستش من با جاوا اسکریپت اصلا آشنا نیستم می شه کد هایی که توی این پروژه شما استفاده کردید را شرح بدید (به صورت مختصر) که هرکدوم چیکار می کنند؟


<script type="text/javascript">
var count=0;
function start(clicked_id){
//var sw = parseInt(screen.width);
var sw = parseInt(document.body.offsetWidth); // عرض مرورگر
var ew = parseInt(document.getElementById('tst').style.width); // عرض ماشین
var pos = parseInt(document.getElementById('tst').style.left); // فاصله ماشین از سمت چپ
if(pos>sw){ // ورود ماشین پس از خروج از سمت راست
pos=-127;
}
if(pos<-127){
pos=sw;
}

if(clicked_id=="+"){
count += 1;
}
if(clicked_id=="-"){
count -= 1;
}
if(clicked_id=="*"){
count = 0;
}
/*document.getElementById('kilomet').value = count;
document.getElementById('position').value = pos;*/
document.getElementById('tst').style.left=pos+count+"px";
}
function movement(){
var int=setInterval("start()",300);
}
function stylez(){
var sh = parseInt(document.body.offsetHeight);
document.getElementById('tst').style.top = (sh + 250)+"px";
}
</script>

1

به اشتراک گذاری این پست


لینک به پست

توضیحات کنار خطوط اصلی هست

کجاش رو توضیح نیاز دارید؟ بگید تا توضیح بدم

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری