首先老规矩汇报学习进度129/167 为什么这么慢呢是我偷偷停工了好几天有些迷茫(就是在玩去了),然后其实昨天也看了一点但太少了就没写博客,然后看一下今天的效果
?
一个滑块移动的案例 想用gif动图好像没转换器,以后看用py能自己写一个吗,然后实现就是很简单的动画效果,不是匀速加像素 就行到极值点隐藏就可以
给出主要的js 部分代码就可以了
动画函数js代码
function fn(obj,target,callback){
clearInterval(obj.timer)
obj.timer = setInterval(function(){
// 优化步长值 为整数
var seep = (target-obj.offsetLeft)/9
if(seep>0){
seep = Math.ceil((target-obj.offsetLeft)/35)
}
else{
seep = Math.floor((target-obj.offsetLeft)/35)
}
if(obj.offsetLeft==target){
clearInterval(obj.timer)
if(callback){
callback();
}
}
else{
obj.style.left = obj.offsetLeft+seep+'px'
console.log(1)
}
},100)
}
动画效果js代码
<script>
var slider =document.querySelector('.sliderbar')
var con = document.querySelector('.con')
slider.addEventListener('mouseenter',function(){
// var height =
con.style.display='block'
fn(con,-160,function(){
slider.children[0].innerHTML='->'
})
})
slider.addEventListener('mouseleave',function(){
//
fn(con,0,function(){
slider.children[0].innerHTML='<---'
con.style.display='none'
})
})
</script>
没啥可以说的就是 极值点进行回调就可以 其他的就是基本事件学习,封装函数思想。
看一下今天的学习进度 day 06 是昨天的? 哈哈哈学的太少了就没更博客 ,躺平了,偷懒我就是猪
?总结一下把:今天进入轮播图效果,还差40集这个星期不偷懒应该可以学的玩吧,在偷懒以后就要去刷盘子了,今天学了大概3小时,自我学习状态还可以就是颈椎有点酸,不能在松懈了,虽然还是很迷茫,插今天和昨天基金亏的孩子都哭啥了 呜呜呜。好了最后一句还是我最喜欢的文案:
你在做什么?我在仰望天空。度的仰望是什么?是我想念她的角度。为什么要把头抬到度?为了不让我的眼泪掉下来。?好了如果有人愿意跟我一起监督我学习的画可以私聊我哈哈哈
|