如何使我的功能360度旋转并上下移动
How can make my function rotate 360 and move up and down?
嘿,伙计们,我正在为一个项目制作java脚本的动画,作为java脚本的新手,我只知道如何使我的图像在一个设定的区域中上下移动。如何使用下面的代码使我的对象"跳舞"也旋转360度,使其上下移动?感谢您的帮助!
window.addEventListener("load", function() {
function myMove() {
var elem = document.getElementById("dank");
var pos = 100;
var id = setInterval(frame, 10);
function frame() {
pos += 0.3;
elem.style.top = pos + "px";
if (Math.abs(pos) >= 250){
pos = 100;
}
frame();
}
}
您可以使用elem.style.transform
来旋转文本。如果你把学位分配给一个数字,它会类似于:
elem.style.transform = "rotate(" + degrees + "deg)"
此外,您应该删除"frame();",因为setInterval(frame,10)已经多次调用该函数,所以您不需要它。把它放在那里可能会导致一些递归问题。
相关文章:
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- I'我试图在我的网页上动态地上下移动元素.我该怎么做
- 如何使我的功能360度旋转并上下移动
- 在选定元素中上下移动选项的方式
- Magic Line在使用键盘上下移动时未使用fullPage.js进行更新
- 动态上下移动表单字段
- 崇高文本 直接在标签之间上下移动光标
- Snake javascript,上下移动,使块大于5px
- MVC 剃刀列表项上下移动
- 如何在上下移动时免除第一行,或者如何自动排列编号
- 如何在html中上下移动项目
- 在基于javascript的画布游戏中上下移动
- 根据我在代码中输入的圆柱体高度和变量值上下移动画布
- 就像Javascript的初学者一样,我试图创建一个代码来允许对象在y轴和x轴上上下移动
- 根据页面加载的可变值上下移动画布线,并实现平滑过渡
- 光线如何?项目在没有CSS位置或margin-top的情况下上下移动
- 循环图像上下移动与jquery
- 如何使用angular js上下移动项目
- Yii CGridView使用键盘's箭头上下移动选定行
- 按钮可以根据用户的位置上下移动