纯JavaScript仿网易云轮播图【完整详细】

作者: 是小叶儿吖分类: 计算机技术 发布时间: 2020-08-15 10:00:51 浏览:49742 次

纯JavaScript仿网易云轮播图【完整详细】

来浙旅游:
链接:https://pan.baidu.com/s/1DtWgFYSldJwZjwMJ4v7zOA 提取码:8ott 根据UP的视频学 自己做了一遍 欢迎大家借鉴 刚学前端 感谢UP的视频 程序里有优化

【回复】谢谢,当期末作业交上去了,老师很满意,让我成功挂了科
【回复】回复 @哗重 :弄好了啊,跟着教程走,一点问题都没有
普通的Kz桑:
提个建议 我觉得轮播图和下面方框的颜色移动应该是相反的 如果图片是自左向右移动,那下面方框的也应该是向左移动 这样的观感我觉得会更好 [OK][OK][OK]

【回复】哈哈哈,可能当时没怎么注意,谢谢建议
【回复】要这样的效果要怎么修改
动点AI导航:
发现一个bug,点击下一张按钮后移出ul后会执行两个定时器,一个是点击按钮的定时器,一个是移出ul的定时器,应该在移出ul后清除一下定时器再创建定时器

【回复】是的是的,那里要多清除一个定时器
夜雨倾河:
小姐姐声音好听[妙啊] 不过我提个建议: 先将图片全部重叠再一起,再通过 class 控制左、右图片的位移会比较好 这是我早前用 Vue 写的 codepen.io/yeyu_qh/pen/GRoYOmE

【回复】回复 @馆长的图书馆 :就是我存的就是dom结点,因为我这里只改变了下标,但是属性和方法都没有改变,所以实现我这个视频的效果是可以的。但是复杂的拷贝的话,即使存的是结点,也不会真正完全的拷贝。其实我这种方法有不规范的地方,就是频繁的操作dom结点,会使浏览器运行速度变慢(=^▽^=)
【回复】可以操作内存,三个容器,移动他的定位发生变化,可以删除容器,改变位置,在添加容器的思想
【回复】回复 @叶坚持 :哦哦,好的👌🏻
码农魔盒:
float和absolute一起用?这样float写不写还有什么意义。。[doge]

码农魔盒:
你代码有的地方写的很迷,迷之行为[doge]

奇奇怪怪的野:
如果图片不是1、2、3、这样的命名要怎么做

【回复】回复 @bili_81629230757 :利用循环变量
【回复】再设置一个数组,急用循环变量i取出数组中图片的名字
天辰九歌:
所以说UP你这个里面还有些大佬才能发现的问题嘛 我准备借鉴你这个学习学习的[呲牙][呲牙]

知识分享官 计算机 CSS 学习 HTML 野生技术协会 教程 知识分享官招募令·第五期 前端 经验分享

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!