html ppt 插件,jquery幻灯片插件slidr.js

插件描述：一个简单的，轻量级的JavaScript库添加幻灯片切换到您的网页,无依赖。

特点

添加尽可能多的Slidr的，只要你想。

动态调整大小 - 适应其内容的大小，除非你不想要它。

键盘导航 - 前进一Slidr顶你的光标，然后点击箭头键！

触摸导航(移动) - 改变幻灯片10:56向左，向右，向上或向下！

使用方法

包括两种slidr.js或slidr.min.js在某个地方你的HTML页面的底部，主体内容之后。

HTML

slidr.js适用于任何内联，内联块或块与元素的id定义。有效的幻灯片包括任何第一级子元素与数据slidr设置为父范围内的一些独特的价值属性。例如：

apple
banana
coconut

apple

banana

coconut

都是有效的HTML标记来创建三个不同的Slidr在同一页中的。(内联元素转化为内联块，以申请转换)。

使用Javascript

全局slidr对象是可调用。创建slidr的最起码的方式是这样的：slidr.create('slidr-id').start();

create()方法接受一个可选的设置参数作为其第二个参数。所有设置的呼叫切换看起来像这样：slidr.create('slidr-id', {

after: function(e) { console.log('in: ' + e.in.slidr); },

before: function(e) { console.log('out: ' + e.out.slidr); },

breadcrumbs: true,

controls: 'corner',

direction: 'vertical',

fade: false,

keyboard: true,

overflow: true,

theme: '#222',

timing: { 'cube': '0.5s ease-in' },

touch: true,

transition: 'cube'

}).start();

html ppt 插件,jquery幻灯片插件slidr.js相关推荐

php幻灯片的插件,jQuery幻灯片插件Flickerplate
简介 Flickerplate 是一个基于 jQuery 的幻灯片插件,压缩后仅 6KB.它支持左右箭头控制.圆点导航.自动播放.主题设置.HTML data 属性等等. 兼容浏览器兼容:Flick ...
html播放ppt插件,lightslider-支持移动触摸的轻量级jQuery幻灯片插件
lightslider是一款轻量级的响应式jQuery幻灯片插件.lightslider幻灯片插件能够支持移动触摸设备,它可以制作为带缩略图的内容幻灯片,或者制作为无限循环的旋转木马.它的特点还有: ...
Skippr – 轻量、快速的 jQuery 幻灯片插件
Skippr 是一个超级简单的 jQuery 幻灯片插件.只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了.Skippr 能够自适应窗口 ...
slidizle – 可完全自定义jQuery幻灯片插件
jQuery.slidizle是一款可完全自定义的响应式jQuery幻灯片插件.该插件只是将一些class类放置到幻灯片的HTML标签中,用户可以通过修改这些class来修改幻灯片的外观.它的特点还有 ...
html5手机幻灯,适合移动手机使用的jQuery幻灯片插件
jflex是一款小巧的适合移动手机使用的jQuery幻灯片插件.该幻灯片插件支持移动触摸,支持鼠标拖拽切换,还支持带进度条的自动播放模式.它是否的小球,使用非常简单. 使用方法使用该幻灯片插件需要引 ...
html5下拉幻灯片插件,支持多种动画特效的响应式jQuery幻灯片插件
jcSlider是一款效果非常炫酷的支持多种动画特效的响应式jQuery幻灯片插件.该幻灯片插件的文件体积效果,支持各种HTML元素,并且可以使用内置的60多种CSS3动画效果来制作幻灯片的过渡动画. ...
jquery 封装幻灯插件_21个jQuery幻灯片插件
jquery 封装幻灯插件 21 jQuery Slideshow plugins 21个jQuery幻灯片插件 In today`s article I collected most attract ...
SlidesJS基本使用方法和官方文档解释【Jquery幻灯片插件 Jquery相册插件】
SlidesJS基本使用方法和官方文档解释 [Jquery幻灯片插件 Jquery相册插件] 标签: jquery文档functionstringdiv相册 2012-04-19 15:23 3931 ...
15款jQuery幻灯片插件
幻灯片效果通常用于展示相册图片或特色推荐内容.一个漂亮的幻灯片更能吸引访客的注意力.本文里面,收集了15款jQuery幻灯片插件,让你的图片展示更漂亮,让你的特色内容更吸引人.如果你是WordPres ...

html ppt 插件,jquery幻灯片插件slidr.js

html ppt 插件,jquery幻灯片插件slidr.js相关推荐

最新文章

热门文章