<meta?http-equiv="Content-Type"?content="text/html;charset=utf-8">
<!DOCTYPE?html>
<html>
<head>
????<style?type="text/css">
????????*{
????????????margin:0;
????????????padding:0;
????????}
????????#div1{
????????????height:?500px;
????????????width:?200px;
????????????background-color:?blue;
????????????position:?relative;
????????????left:?-200px;
????????}
????????#div1?span{
????????????height:?50px;
????????????width:?20px;
????????????top:?150px;
????????????position:?absolute;
????????????background-color:?red;
????????????left:?200px;
????????}
????</style>
????<script?type="text/javascript">
????????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>
????<title></title>
</head>
<body>
<div?id="div1">
????<span>
????????目錄
????</span>
</div>
</body>
</html>
大家?guī)兔纯礊槭裁催@樣寫鼠標(biāo)滑過(guò)后不能動(dòng)
qq_都是算計(jì)_0
2016-05-14 21:44:32