你的位置:首页 > 软件开发 > 网页设计 > 支持移动手机的响应式产品展示幻灯片特效

支持移动手机的响应式产品展示幻灯片特效

发布时间:2016-08-29 15:00:07
在线预览 源码下载Mono是一款支持移动手机的响应式产品展示js幻灯片特效。该特效在每一个幻灯片slide中展示一个产品大图,以及产品的名称,并且每一个幻灯片slide的背景颜色可以进行平滑的切换过渡。它的特点还有:响应式。支持视口大于320像素的浏览器。支 ...

支持移动手机的响应式产品展示幻灯片特效

在线预览    源码下载

Mono是一款支持移动手机的响应式产品展示js幻灯片特效。该特效在每一个幻灯片slide中展示一个产品大图,以及产品的名称,并且每一个幻灯片slide的背景颜色可以进行平滑的切换过渡。它的特点还有:

  • 响应式。支持视口大于320像素的浏览器。
  • 支持移动手机。
  • 跨浏览器。在IE8和IE9浏览器中,该特效会自动进行回退。你可以使用respond.js来是该特效在IE8中使用 media query。
  • 使用简单。

Mono是Sequence.js的一个主题。Sequence.js则是一个响应式的JS+CSS动画框架,用于制作各种幻灯片,展示效果,banners等。

 使用方法

在页面中引入下面的CSS和JS文件。

1
 HTML结构

将下面的HTML结构复制到你的页面中,你可以修改图片为自己的图片。

1

Mono幻灯片特效的官方地址为:http://www.sequencejs.com/themes/mono/

 

原标题:支持移动手机的响应式产品展示幻灯片特效

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录