为了账号安全,请及时绑定邮箱和手机立即绑定

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / qq_覗水翛_0
需要啊。不定义的话会抢计时器,从一个移到另一个上面的时候另一个可能还没有恢复,这一个又用计时器了,就会恢复不到设定状态,一直闪。非专业回答……

已采纳回答 / aladdinx
你好,其实只是一些小问题,<script type="text/avascript">是javascript,这个应该影响不大,aLi.time=null;aLi[i].timer=null;//应该是点的哪一个function startMove(obj,terget){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var speed=(terget-obj.offsetWidth)/8; speed=s...

最新回答 / 啊唔
我也是初学者 不知道对不对。。。我直接放一起了。<!doctype html><html><head>    <meta charset="UTF-8">    <title>下拉菜单</title><style type="text/css">body,ul,li{ margin:0; padding:0; font-size:13px;}ul,li{list-style:none;}li{width:300px;hei...

最新回答 / ROAR_0001
 1.obigbox.style.cssText='margin-left:'+obigbox.offsetLeft+10+'px;'使用这个方法控制css会将此元素原来的所有css样式全部覆盖掉(如果是将css写在行间的话可能运动了你看不出来)。2.运动的时候太快你看不出来(因为'margin-left:'+obigbox.offsetLeft+10+'px;'此处的obigbox.offsetLeft+10会拼接成一个字符串然后就不会达到你想要的效果了如8+10='810'而不是18).3.我猜的

已采纳回答 / YangZiHong
div标签没写好,span应该在里面,css样式定义好,注意var speed = (iTarget-oTotal.offsetLeft)/15;需要整除,因为后面if(oTotal.offsetLeft == iTarget)必须满足条件才会清除定时器,动画才会停下

最新回答 / toofirst
offset 总是获取:内容 + padding +border

最新回答 / 慕雪4427196
不好意思已经解决了,原来需要两个定时器。。。。哈哈哈哈哈

最新回答 / 新爷o
因为取出的a元素是一个数组啊!!要对某个对象进行动画操作,那只能是针对某个!!而不是一个群组。而刚好a元素下的i就是[0],所以要加[0]

已采纳回答 / 呆4
整体没问题,但里面的小错误太多了,这是给你修改后的代码,自己去对照找一下错误吧。<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <style>    *{     margin: 0px;     padding: 0px;    }    #div1{     width: 200px;     hei...

已采纳回答 / qq_安逸_4
会显示,只是没有背景时看不出来

已采纳回答 / 呆4
你没有清除样式,也就是加上这段*{margin:0;padding:0;}。导致你div的left并不等于200这个整数,导致你后面odiv.style.left = odiv.offsetLeft+10+'px';时,至直接跳过了odiv.offsetLeft == 100这个数,从而使得你的程序停不下来,你可以先把if(odiv.offsetLeft == 100){       clearInterval(timer);  }修改为if(odiv.offsetLeft <= 100){    ...
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消