html5 js 问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html5 js 问题相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box
width: 240px;
height: 135px;
position: absolute;
#box img
width: 100%;
height: 100%;
position: absolute;
#box:hover
top=top+30+'px';
</style>
</head>
<body>
<div id="box">
<img src="img/1.jpeg"/>
</div>
</body>
<script type="text/javascript">
var box=document.getElementById('box')
box.onclick=function()
console.log(this.style.top);
this.style.top=this.style.top+90+'px';
console.log(this.style.top);
</script>
</html>
想实现的效果是每点一次图片就往下移动90px，但是不知道为什么只移动一次之后就不动了
并把前面的 <script>xxx</script> 这大块放到 </body> 前面。
因为你在执行 js 的时候 dom 都没有加载呢，所以要放到后面，或者把整个 js 放到 window.onload = function()xxx; 里面追问
不行啊=。=还是同样只移动一次，再怎么点都没用了
谢谢了，已经找到原因了
改成我这样就可以了,你错就错在没有把px去掉就相加了,记得采纳哦!本回答被提问者采纳
以上是关于html5 js 问题的主要内容，如果未能解决你的问题，请参考以下文章
在 Safari 中使用 html5/js 音频时出现问题（Windows）