插件描述：一個(gè)簡(jiǎn)單的，輕量級(jí)的JavaScript庫(kù) 添加幻燈片切換到您的網(wǎng)頁(yè),無依賴。

特點(diǎn)

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

動(dòng)態(tài)調(diào)整大小 - 適應(yīng)其內(nèi)容的大小，除非你不想要它。

鍵盤導(dǎo)航 - 前進(jìn)一Slidr頂你的光標(biāo)，然后點(diǎn)擊箭頭鍵！

觸摸導(dǎo)航(移動(dòng)) - 改變幻燈片10:56向左，向右，向上或向下！

使用方法

包括兩種slidr.js或slidr.min.js在某個(gè)地方你的HTML頁(yè)面的底部，主體內(nèi)容之后。

HTML

slidr.js適用于任何內(nèi)聯(lián)，內(nèi)聯(lián)塊或塊與元素的id定義。有效的幻燈片包括任何第一級(jí)子元素與數(shù)據(jù)slidr設(shè)置為父范圍內(nèi)的一些獨(dú)特的價(jià)值屬性。例如：

• apple
• banana
• coconut

??

??

??

applebananacoconut

都是有效的HTML標(biāo)記來創(chuàng)建三個(gè)不同的Slidr在同一頁(yè)中的。(內(nèi)聯(lián)元素轉(zhuǎn)化為內(nèi)聯(lián)塊，以申請(qǐng)轉(zhuǎn)換)。

使用Javascript

全局slidr對(duì)象是可調(diào)用。創(chuàng)建slidr的最起碼的方式是這樣的：slidr.create('slidr-id').start();

create()方法接受一個(gè)可選的設(shè)置參數(shù)作為其第二個(gè)參數(shù)。所有設(shè)置的呼叫切換看起來像這樣：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();

總結(jié)

以上是生活随笔為你收集整理的html ppt 插件,jquery幻灯片插件slidr.js的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。