gpt4 book ai didi

javascript - 单击它时如何固定 img 位置?

转载 作者:行者123 更新时间:2023-11-30 12:50:02 27 4
gpt4 key购买 nike

基本上,我正在尝试获取它,以便当您单击某个 img 时,它会固定在该位置,直到页面刷新;这意味着即使您滚动浏览其他图像和文本,img 也会停留在屏幕上。

我对编码非常非常菜鸟,但我正在研究这个,但无法让它工作;但我认为它可能会像某种 Java 脚本 (onclick) 激活一个 css 样式位置:已修复?

编辑:JoshC 给出的解决方案如下:

<script type="text/javascript">
window.onload=function(){
var img = document.getElementById('image');
img.onclick = function(){
this.style.position = 'fixed';
}
}

</script>

<style type="text/css">

body {
height:2000px;
}
img { top:0; left:0;
}

</style>

<html>

<body>

<br><br><br><br><br>
<img id="image" src="http://placehold.it/200x200"/>


</body>
</html>

最佳答案

获取元素并使用 onclick事件:

var img = document.getElementById('image');
img.onclick = function(){
this.style.position = 'fixed';
}

EXAMPLE HERE

关于javascript - 单击它时如何固定 img 位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21273539/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com