首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery幻灯片插件slick

    简介 slick 是一个基于 jQuery 的幻灯片插件,具有以下特点: 支持响应式 浏览器支持 CSS3 时,则使用 CSS3 过度/动画 支持移动设备滑动 支持桌面浏览器鼠标拖动 支持循环 支持左右控制...pauseOnHover 布尔值 true 鼠标悬停暂停自动播放 responsive object null 断点触发设置 slide 字符串 ‘div’ 滑动元素查询 slidesToShow 整数 1 幻灯片每屏显示个数...slidesToScroll 整数 1 幻灯片每次滑动个数 speed 整数 300 滑动时间 swipe 布尔值 true 移动设备滑动事件 touchMove 布尔值 true 触摸滑动 touchThreshold...slickPause() 暂停自动播放 slickPlay() 开始自动播放 slickGoTo() index : int 切换到第 x 张 slickCurrentSlide() 返回当前幻灯片索引

    3.1K30

    用Markdown制作幻灯片:Marp

    而多数场景中, Markdown 的这种特点对幻灯片的制作也很合适。 ​ 那么,我们是否可以使用 Markdown 高效地制作一个漂亮的幻灯片? ​...演示效果如下: 3.3 幻灯片预览 点击 Marp 图标的右侧,我们就可以在 VS Code 编辑器的右侧实时预览幻灯片。...目前,Marp 可导出四种格式的文件: HTML PDF PPTX (幻灯片) PNG (仅限于幻灯片的第一页) JPEG (仅限于幻灯片的第一页) 需要注意的是: 导出 HTML 格式的文档不需要安装任何插件...例如,指令 theme 可改变幻灯片的主题,paginate 可显示出幻灯片的页码,footer 用于设置幻灯片的页脚内容, size 可调整幻灯片的大小, backgroundColor 用于变换幻灯片的背景颜色等...其中,全局指令是整个幻灯片设定值,例如 theme、headingDivider、style。在全局指令前面添加前缀 $,就可以实现对整个幻灯片的设定。 而局部指令用以设置当前幻灯片页面以及后续页面。

    7.1K20

    CSS遮罩的过渡效果有趣的幻灯片

    现在,我们已经创建了蒙版图像,让我们深入到我们简单的幻灯片示例的HTML结构。 标记 对于我们的演示,我们将创建一个简单的幻灯片来显示蒙版效果。...我们的幻灯片会填满整个屏幕,我们会添加一些箭头来触发幻灯片切换。这个想法是叠加幻灯片,然后在动画结束时更改传入幻灯片的z-index。...该项目的部门是我们的幻灯片幻灯片; 每一个都包含一个标题和一个图例。另外,我们将为每个幻灯片设置单独的背景图像。 箭头将作为我们触发下一个或上一个动画,并浏览幻灯片。 让我们来看看这个风格。...JavaScript 我们将使用zepto.js来演示这个与jQuery类似的轻量级JavaScript框架。 我们首先声明所有的变量,设置持续时间和元素。...:我们将类“隐藏”设置为当前幻灯片,一旦动画结束,我们减少前一张幻灯片的Z-索引,增加当前幻灯片的Z-索引,然后删除隐藏上一张幻灯片的类。

    3.3K90
    领券