幻灯片展示Fathom.js

所属分类:媒体-幻灯片和轮播图

 29112  290  查看评论 (0)
分享到微信朋友圈
X
幻灯片展示Fathom.js ie兼容9

Fathom.js能够让我们在HTML中创建幻灯片展示.自带鼠标,键盘和导航内置滚动条,并提供一个简单的API创建自己的自定义接口。

它还有一个特殊的功能就是能够定义一个视频来与幻灯片展示同步播放。

使用步骤

撰写您的幻灯片,简单的标记。

HTML:

<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插件安装:

$('#presentation').fathom();

自定义接口设置

var fathom = new Fathom('#presentation');
相关插件-幻灯片和轮播图

TinyBox JavaScript弹出脚本

TinyBox JavaScript弹出脚本
  幻灯片和轮播图
 34260  322

jQuery简单的轮播图

用最简单的最少量的代码完成轮播任务,无缝,无限循环,自适应窗口大小
  幻灯片和轮播图
 49680  363

基于swiper相应式轮播图插件

基于swiper相应式轮播图插件,带banner计时切换和支持移动端触屏切换
  幻灯片和轮播图
 31405  363

jquery全屏自适应轮播插件poposlides

jQuery轻量级全屏自适应焦点图插件poposlides
  幻灯片和轮播图
 47298  376

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复