مشکل در ساخنار فایل html

**nooshin609** · 08-12-2015 03:39 PM

سلام ،لطفا لینک زیر و ببنید.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

من این سه تا تیکه تو یه فایل html مینویسم ولی جواب نمیده، فکر میکنم ساختار دستوراتم اشتباهه

کد:

<!DOCTYPE html>
<html>
<head>
<img id="image" src="image/sc.png"/></div>
<script>
$(document).mousemove(function(e){
   $("#image").stop().animate({left:e.pageX, top:e.pageY});
   	});
</script>
<style>
#image{
position:absolute;
height:200px;
}
</style>
</body>
</html>

**تبلیغات** · 08-12-2015 03:39 PM

**ezoji** · 08-12-2015 04:17 PM

سلام
<head> رو نبستید!
موفق باشید

**nooshin609** · 08-12-2015 04:20 PM

ممنون از جوابتون ولی بازم درست نشد

کد:

<!DOCTYPE html>
<html>
<head>

<img id="image" src="image/sc.png"/></div>
<script>
$(document).mousemove(function(e){
   $("#image").stop().animate({left:e.pageX, top:e.pageY});
   	});
</script>
<style>
#image{
position:absolute;
height:200px;
}
</style>

</head>
</html>

parsiland · 08-12-2015 04:26 PM

درود!
من فکر میکنم که در اینجا image یک تگ است نه یه آی دی سلکتور .
image{....
.....
}

**ezoji** · 08-12-2015 04:26 PM

سلام
در هد نبایداز img استفاده کنید . در ضمن img رو با div نباید ببندید.
کد اصلاح شده شما:
<!DOCTYPE html>
<html>
<head>

<script>
$(document).mousemove(function(e){
$("#image").stop().animate({left:e.pageX, top:e.pageY});
});
</script>
<style>
#image{
position:absolute;
height:200px;
}
</style>
</head>
<img id="image" src="image/sc.png" />
<body>

</body>
</html>

موفق باشید

**nooshin609** · 08-12-2015 04:40 PM

بازم مرسی
ولی عینشو کپی کردم ولی هیچ فرقی بازم نکرد

**ezoji** · 08-12-2015 05:05 PM

کد ها رو در یک فایل با پسوند html ذخیره کنید .
اگر با یک مرورگر فایل رو باز کنید، در صورتی که مسیر عکس رو درست وارد کرده باشید، عکس مورد نظر نمایش داده میشه در غیر اینصورت صفحه سفید مشاهده خواهید کرد
موفق باشید

**nooshin609** · 08-12-2015 05:16 PM

ممنونم ezoji
خیلی اذیت شدی، نمیدونم کجا سوتی میدم.اره فایل با همون پسوند ذخیره کردم و عکسم نشون میده.فقط مشکل اینه که عکس دنبال ماوس بره، نمیییره

**ezoji** · 08-12-2015 06:30 PM

نمیدونم اسکریپتی که نوشتید درست هست یا نه، اما باید قبل از اسکریپت خودتون ، jquery رو لود کنید.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
موفق باشید

**P30Yaran** · 08-13-2015 03:17 AM

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

کد:

 <!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).mousemove(function(e){
$("#image").stop().animate({left:e.pageX, top:e.pageY});
});
</script>
<style>
#image{
position:absolute;
height:200px;
}
</style>
</head>
<img id="image" src="image/sc.png" />
<body>
</body>
</html>