نمایش نسخه قابل چاپ
سلام ،لطفا لینک زیر و ببنید.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
من این سه تا تیکه تو یه فایل 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>
سلام
<head> رو نبستید!
موفق باشید
ممنون از جوابتون ولی بازم درست نشد
کد:<!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>
درود!
من فکر میکنم که در اینجا image یک تگ است نه یه آی دی سلکتور .
image{....
.....
}
سلام
در هد نبایداز 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>
موفق باشید
بازم مرسی
ولی عینشو کپی کردم ولی هیچ فرقی بازم نکرد
کد ها رو در یک فایل با پسوند html ذخیره کنید .
اگر با یک مرورگر فایل رو باز کنید، در صورتی که مسیر عکس رو درست وارد کرده باشید، عکس مورد نظر نمایش داده میشه در غیر اینصورت صفحه سفید مشاهده خواهید کرد
موفق باشید
ممنونم ezoji
خیلی اذیت شدی، نمیدونم کجا سوتی میدم.اره فایل با همون پسوند ذخیره کردم و عکسم نشون میده.فقط مشکل اینه که عکس دنبال ماوس بره، نمیییره
نمیدونم اسکریپتی که نوشتید درست هست یا نه، اما باید قبل از اسکریپت خودتون ، jquery رو لود کنید.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
موفق باشید
به این صورت بنویسید
کد:<!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>