js速度动画

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

body,div,span{

margin:0;

padding:0;

}

#div1{

width:200px;

height:200px;

background:red;

position:relative;

left:-200px;

top:0;

}

#div1 span{

width:20px;

height:50px;

background:blue;

position:absolute;

left:200px;

top:75px;

}

<script>

window.onload = function(){

var oDiv = document.getElementById('div1');

oDiv.onmouseover = function(){

startMove();

}

}

function startMove(){

var oDiv = document.getElementById('div1');

setInterval(function(){

oDiv.style.left = oDiv.offsetLeft + 10 + 'px';

},30)

}

</script>

</style>

</head>


<body>

<div id="div1"><span id="share">分享</span></div>

</body>

</html>

不知道为什么老是显示不出来效果,不能运动啊为什么?谢谢老师

晨飞
浏览 1004回答 1
1回答

bigfatter

你少一个</style> 闭标签
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript