如何解决如何使用javascript移动图像元素以及如何使其停留在那里
|| 使用javascript,我想单击链接,然后让javascript将图像元素移动到某个位置。我面临的唯一问题是图像元素不会停留在那里,为什么 示例javascript:function move( e )
{
var clickedLink = e.target;
// getting location of clicked link.
clickedLink.style.left = \"200px\";
clickedLink.style.top = \"200px\";
}
函数上方的\“ clickedLink \”元素对象的css移至上方。
#clickedLink
{
left: 0px;
position: relative;
top: -500px;
z-index: 10;
}
解决方法
目标没有样式选项,只需将其更改为e。
function move( e )
{
var clickedLink = e.target;
// getting location of clicked link.
e.style.top = \"200px\";
e.style.left = \"200px\";
}
,当您说它不会“呆在那儿”时,您并不是要在页面刷新后不让它停留在那里,而是将其新位置保存在某个地方,是吗?
更新:
要存储位置,取决于您存储它的原因。您可以按照其他人的建议将其存储在cookie中,但这只会在一个浏览器中将其保存给一个用户,直到他们清除cookie。
如果您想进行更改,使用户可以在不同的浏览器中使用,或者可供其他用户使用...,那么您将需要通过Ajax将更改保存到服务器上,并且必须服务器端代码加载到位置设置等中
,使用Javascript所做的更改不会在重新加载页面后持续存在。
必须使用CSS进行永久更改,否则,每次加载页面时都必须使用Javascript删除该元素。
例如,您可以将客户端的首选项保存在cookie中,然后使用window.onload
事件触发一个检查cookie的函数,并相应地更新该元素。
或者,您可以使用服务器端脚本来保存当前用户的首选项(假设它是同一用户),从而生成一个额外的CSS文件,以适应当前用户的首选项。然后,在页面加载时检查该文件的存在(再次使用服务器端脚本)。
要点是,由于Java更改仅在客户端的浏览器上发生一次,因此只是暂时的。
,如果您希望它在页面刷新后仍保留在原位,则需要将其位置存储在Cookie中,并在页面加载时加载。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。