Fathom.js能够让我们在HTML中创建幻灯片展示.自带鼠标,键盘和导航内置滚动条,并提供一个简单的API创建自己的自定义接口。
它还有一个特殊的功能就是能够定义一个视频来与幻灯片展示同步播放。
撰写您的幻灯片,简单的标记。
HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | < div id = "presentation" > < div class = "slide" > < h1 >My Presentation</ h1 > </ div > < div class = "slide" > < h2 >My Dot Points</ h2 > < ul > < li >First dot point</ li > < li >Second dot point</ li > < li >Third dot point</ li > </ ul > </ div > </ div > |
jQuery插件安装:
1 | $( '#presentation' ).fathom(); |
自定义接口设置
1 | var fathom = new Fathom( '#presentation' ); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com