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

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


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的

关键字

电子商务, 电子商务, 所有项目, 动漫, 设计, 幻灯片, 介绍, 滑块, 幻灯片, 过渡