首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MarkDown to Slide with Remark.js

展示代码,写个demo,截图,贴进去,太麻烦, 于是找了下快速把markdown转成slide的工具。...] .right-column[ 之前其实有一个工具叫做reveal.js,之前用过,印象中有点复杂。...于是搜索了下"markdown to slide",于是找到remark.js,主页就是一个slide,查看下源码发现里面直接是markdown格式的,这简直太好了,意味着我的md文件可以直接放进去。...] 定制remark.js 代码用Python写有点简单,想来最近一直在跟js打交道,于是用node来写: //slide_it.js var fs = require('fs'); var template...基本使用 node slide_it.js markdown-to-slide.md // 会生成markdown-to-slide.html文件 页面也很容易定制,比如前面的两列的处理就是 .left-column

1.4K20
您找到你想要的搜索结果了吗?
是的
没有找到

css+js实现左右滑动卡片组件

最近的一个活动页面需要做一个可以左右滑动的抽签效果,故通过用css的transform属性和js结合来模拟可以无限滚动的效果。...结构与样式 结构:卡片分前后两排,每列插入10个div结点,以便做左右位移效果。 样式:设置每一列都恰好好在中间位置(或中间位置附近),如下所示。 a....目标位移与帧位移 为了做出滑动后到停留位置的缓动效果,所以当用户左右滑动屏幕时,会记录滑动距离,计算出卡片该到的目标位移位置,目标位移位置是有规则的,因为这里有10张卡片均分宽度,位置必须是(100%/...下图是chrome cpu6倍减速调试效果,没有触发layout,FPS基本维持在60左右

30.2K102

dotnet OpenXML 的 Slide Master 和 Slide Layout 是什么

本文来告诉大家在解析 PPT 文档的时候,元素继承以及占位符需要用到的 Slide Master 和 Slide Layout 是什么 在做 Office 解析的时候,小伙伴需要特别的去学习一下 Office...Master 和 Slide Layout 是什么。...按照程序员的自学速度预计 10 分钟左右就能了解啦 来,先打开最新版本的 PPT 2013 新建一份空白的文档(最新版 2013 哈)实际上使用 2003 以上版本就可以 ? 点击视图的模版 ?...此时你就可以看到第一个大页面就是 Slide Master 页面,后续的每个页面就是 Slide Layout 页面 这里的 Slide Layout 的顺序和页面顺序对应,也就是一个页面对应一个 Slide...Layout 页面,而所有页面都对应相同的一个 Slide Master 页面 所有页面的占位符和样式都会优先从页面对应的 Slide Layout 里面获取,如果获取不到就从 Slide Master

82020

jquery slide 幻灯片

slide 幻灯片的实现思路 在写这个slide幻灯片之前,首先理清楚思路,这样才能更快速实现代码。 假设制作5张图片的幻灯片,那么图片的初始位置如下: ?...因为图片1-5是使用行内块的方式布局,只要控制图片1的div的margin-left改变,就可以跟推箱子一样,实现5个图片的左右滑动。 当图片从1向左移动至2,图片实现效果大致如下 ?...功能需求 实现slides切换要实现功能如下: 根据设置的图片数量,自动生成下方的圆点li标签,后续可以提供点击事件,切换图片 点击下方的li圆点,根据点击li的索引index()来切换当前的图片 点击左右两边的箭头...git clone git@gitee.com:kubernete/jquery-slide.git 首先编写好基本的HTML+CSS样式 ? ?...通过一个$direct方向的变量,以及$nowIndex的自增自减,就可以控制图片左右来回的移动了。 使用mouseenter和mouseleave事件,控制定时任务,避免不断切换,不好操作。

3.4K30
领券