Question

图像的位置不变。
错误的代码来复制图像。

随机化痣位置

img {
  padding: 20px;
  position: relative;
  top: position();
}

<img src="mole.png" width=5% height=5%>


function position(){
  return Math.floor(Math.random()*500) + "px";
}

const mole = document.getElementsByTagName("img")[0]; 
document.write(mole)

Answer 1

所有拳头都无法在CSS中调用js。

请在下面找到代码链接： https://jsfiddle.net/ulric_469/oLuz2dak/8/

HTML：

<img src="mole.png" width=5% height=5%>

css：

img {
  padding: 20px;
  position: relative;
}

JS：

function position(){
  return Math.floor(Math.random()*500) + "px";
}


const top = position();
const img = document.getElementsByTagName("img")[0];
img.setAttribute("style" ,`top:${top}`);

如果要在HTML文件中添加JS，请在脚本标记内使用JS代码

如何随机化图像位置？如何复制粘贴相同的图像？

1 个答案: