WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

jSimplePresentation

— 添加到WorldWideScripts.net

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

這個項目代表了一個幻燈片的一個新的視野,提供作為一個jQuery插件。
一些可能的用途:

  • 要使用PowerPoint的它,而不是為了展示你的想法
  • 要宣傳一個產品,一個網站,...
  • 為了使HTML設計書
  • 等等,等等。

特徵

  • 能夠使用其他插件,除了這一個
  • 能夠加載無限數量的頁
  • 它可以包含你想要什麼(一個頁面是一個簡單的div)
  • 頁面(頁面的中心)將自動與瀏覽器調整
  • 全面,易於定制
  • 使用非常簡單
  • 鍵盤導航(左/右/空間/ L)
  • 幻燈片選項
  • 自動播放選項
  • 循環選項
  • 圖像預加載選項
  • 轉到某個頁面(與安全輸入控件)
  • W3C的有效
  • 在Android的作品在iOS(iPhone / iPad的),當然
  • 三個主題包括(灰色,藍色,橙色)
  • 4預置轉型
  • 你可以在插件調用一個簡單的函數寫自己的轉型
  • 過渡可以是下一個和以前不同的行動
  • 良好的註釋(代碼中的大部分操作包含註釋)

如何使用它

JS -語法
 $(文件).simplePresentation({ 自動播放:布爾, 循環:布爾, intervalTime:整數, 預壓:布爾, transitionFct:功能 }); 

JS -例如與預設過渡
 VAR transitionFunction =功能(ELT,來源,transitionTime){ Transition.opacity(ELT,來源,transitionTime); }; $(文件).simplePresentation({ 自動播放:假的, 循環:假的, intervalTime:2000, 預壓:假的, transitionFct:transitionFunction }); 

JS -用實例我們寫一個過渡
 VAR transitionFunction =功能(ELT,來源,transitionTime){ elt.css(“不透明”,“0”); //如果我們要在下一個頁面 如果(來源==“右”){ elt.css(“marginLeft”,“100%”); elt.animate({ “不透明”:1, “marginLeft”:“變成0px” },transitionTime); }其他{ elt.css(“marginRight”,“100%”); elt.animate({ “不透明”:1, “marginRight”:“變成0px” },transitionTime); } }; $呈現= $(文件).simplePresentation({ 自動播放:假的, 循環:假的, intervalTime:4000, 預壓:真正的, transitionFct:transitionFunction }); 

HTML
 <DIV ID =“容器”> <DIV ID =“第1頁”> ... </ DIV> <DIV ID =“第2頁”> ... </ DIV> </ DIV> 
每個div id為“pageX屬性”代表一個頁面。
每個頁面必須具有與“頁”開頭的ID。

兼容的瀏覽器

此產品適用於以下瀏覽器:
  • 火狐4+
  • IE7 +(使用分開的CSS樣式表IE不到9節)
  • 歌劇
  • Safari瀏覽器

下載
此類別中的其他組成部分這個作者的所有組件
評論常見問題和答案

屬性

創建:
11年12月15日

最後更新:
N / A

高分辨率:
沒有

兼容的瀏覽器:
IE7,IE8,IE9,火狐,Safari,歌劇,鉻

包括的文件:
JS的JavaScript,HTML,CSS

軟件版本:
jQuery的

關鍵字

電子商務, 電子商務, 所有項目, 動漫, 設計, 幻燈片, 介紹, 滑塊, 幻燈片, 過渡