为什么不行啊

来源:4-2 获取样式

慕粉3760367

2016-10-16 12:31

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>加入样式的多物体运动</title>

<style type="text/css">

    #div1{

         width:200px;

        height:200px;

        background: #f00;

        border: 4px solid #ccc;

    }

</style>

<script>

    window.onload=function(){

        startmove();

    }

    function startmove(){

        setInterval(function(){

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

        odiv.style.width=parseInt(getStyle(odiv,'width'))-1+'px';//parseint()的作用是解析一个字符串,并返回一个整数。

    },30)

        

    }

    function getStyle(obj,attr){

        if(obj.currentStyle){

            return obj.currentStyle[attr];//针对IE浏览器


        }

        else{

            return getComputedStyle(obj,false)[attr];//针对firefox浏览器。

        }

    }

</script>

<meta name="description" content="">

<meta name="keywords" content="">

<link href="" rel="stylesheet">

</head>

<body>

    <div id="div1" >

        

    </div>

</body>

</html>


写回答 关注

1回答

  • 一个人一首歌0
    2016-10-16 15:40:28
    已采纳

    getstyle封装方法两个参数之间你用的是中文输入法的“,”,改成英文输入法“,”。

    慕粉3760...

    非常感谢!

    2016-10-17 09:13:27

    共 1 条回复 >

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113924 学习 · 1443 问题

查看课程

相似问题