首页 > 网页特效 > JS幻灯 > 带视差滑动效果的超酷Modernizr幻灯轮播特效代码

带视差滑动效果的超酷Modernizr幻灯轮播特效代码

时间:2013-04-11    来源:互联网

超酷的一款基于Modernizr库的焦点幻灯片轮播特效代码,带左右箭头和焦点按钮控制,支持图片和视频格式、动画文字叠加显示,功能颇为强大,由于使用了HTML5和CSS3,所以只支持较新的浏览器,IE6之类的古董级浏览器不兼容。

data-overpause="false"   <!-- 鼠标移入停止播放 true false -->
<div data-type="info" class="info1" data-align="right">  <!-- 显示文字信息背景1 右边 -->
<ul data-type="controls">       <!-- 显示控制功能 -->
<li data-type="captions"></li>    <!-- 显示文字信息 -->
<li data-type="link"></li>      <!-- 显示链接 <a data-type="link" href="http://html6game.com" target="_blank"></a> -->
<li data-type="video"></li>    <!-- 显示视频 -->
<li data-type="slideinfo"></li>       <!-- 显示文字信息 -->
<li data-type="next"> </li>       <!-- 显示下一张按钮 -->
<li data-type="previous"></li>     <!-- 显示上一张按钮 -->
<li data-type="bartimer"></li>      <!-- 显示底部时间进度条 bartimer | previous -->
<li data-type="circletimer"></li>       <!-- 显示圆形时间进度条 -->
<li data-type="thumblist" data-dir="" data-autohide="true"></li>       <!-- 显示缩略图 -->
</ul>
Modernizr简介

Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。

官方网址:http://modernizr.com/

特效推荐

热门特效