如何使用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中，并在页面加载时加载。