关于作业问题
【整体】
刷新当前显示的页面下一屏动画会闪现后再退出,建议将动画的初始状态透明度设置为0,当显示到该页面的时候,透明度变为1即可, css中有设置好的透明度为0,所以默认给元素添加这个类即可,以第二屏为例,其他几个区域可以参考添加下。代码示例:
那如果都这样设置的话,JS中就不用第一步初始化init了啊
// 第一步,页面载入后,初始化动画元素样式init function setScreenAnimateInit(screenCls){ // var screen = getElement(screenCls); //获取当前屏元素,给什么事件使用?没有作用,多余的变量 //console.log(screen); var animateElements = screenAnimateElements[screenCls]; //需要设置动画的每一项元素,是arguements类数组对象, // console.log(animateElements); for(var i = 0;i < animateElements.length;i++){ // var element = document.querySelector(animateElements[i]); var element = getElement(animateElements[i]); //console.log(animateElements[i]); animateElements[i]是arguements类数组对象中的每一项,属性是字符串 //console.log(element); element是DOM元素 //再把需要设置动画的每一项DOM元素,通过arguements类数组对象取出来,再获取每一项的class类名 ,类名前面不带'.', 是否能使用getElement getCls? 可以使用getElement和getCls,上面封装了函数 // var baseCls = element.getAttribute('class'); var baseCls = getCls(element); //console.log(baseCls); element.setAttribute('class',baseCls + ' '+animateElements[i].substr(1)+'_animate_init'); } }
2
收起
正在回答
3回答
同学你好,window.onload = function() {}是等页面结构加载完才执行的。这个时候加载完了,都已经显示了。然后又执行了js。设置了这个类中的透明度,就会导致先显示在隐藏了。
所以可以将window.onload 去掉哦。
希望能帮助到你,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星