JS移动的箭头

最新推荐文章于 2022-10-17 12:10:04 发布

oicqren

最新推荐文章于 2022-10-17 12:10:04 发布

阅读量1.4k

点赞数

分类专栏：技术文章文章标签： timer function null javascript scroll behavior

技术文章专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<title>VML - Angle</title>

<STYLE>
v/:* { BEHAVIOR: url(#default#VML) }
</STYLE>

/*
All Files are Designed & Writen by Windy_sk, you can use it freely but ...
YOU MUST KEEP THIS ITEM !
Email: seasonx@163.net
*/

var timer    = null;
var time_unit    = 30;
var A_speed    = 10;
var L_speed    = 15;
var move_x, move_y;

document.onkeydown = function(){
    angle.Rotation = angle.Rotation % 360
    if(timer!=null) return;
    var the_angle = Math.PI * angle.Rotation / 180;
    switch(event.keyCode){
        case 37: //left
            timer = setInterval("angle.Rotation -= A_speed",time_unit);
            break;
        case 39: //right
            timer = setInterval("angle.Rotation += A_speed",time_unit);
            break;
        case 40: //down
            the_angle += Math.PI;
        case 38: //up
            move_y = -Math.floor(L_speed * Math.cos(the_angle));
            move_x = +Math.floor(L_speed * Math.sin(the_angle));
            timer = setInterval("MoveIt()",time_unit);
            break;
    }
    return;
}

document.onkeyup = function(){
if(timer!=null) clearInterval(timer);
timer = null;
}

window.onload = function(){
setInterval("window.status='Rotation: '+angle.Rotation+'; Top: '+angle.style.top+'; Left: '+angle.style.left",time_unit);
}

</SCRIPT>

</head>
<body scroll="no">

<v:group id="angle" style='position:absolute;top:0;left:0;width:20;height:20;z-index:999' coordorigin="-10,-10" coordsize="20,20">
    <v:shape CoordOrig="-10,-10" CoordSize="20,20" style="width:20;height:20" Title="Hello" FillColor="red" Filled="true" StrokeColor="black" StrokeWeight="1pt">
        <v:Stroke StrokeColor="blue" StrokeWeight="1pt" />
        <v:fill type='gradient' color='blue'/>
        <v:Path v="m 0,-10 l -10,10 l 0,5 l 10,10 x e" />
    </v:shape>
</v:group>

</body>
</html>