Skip to content

轮播 #36

@Leon68

Description

@Leon68

1.轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())

滚动轮播实现原理:
将图片一排排列,像一个队列,通过overflow:hidden,让舞台只能展示一张图片,用js控制整个队列的left值移动队列从而到达展示每张图片的效果。这里注意为了到达首尾整个队列大范围移动时不突兀,需要复制首尾元素,相当于幕布。
渐变轮播实现原理
利用jQuery的fadeIn和fadeOut实现,相对简单
接口:
前进函数,后退函数进一步可以抽离出移动函数(play)
选择函数
自动轮播函数

滚动轮播
渐变轮播

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions