首页
学习
活动
专区
工具
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
您找到你想要的搜索结果了吗?
是的
没有找到

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

78120

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

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

29.9K102

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
领券