1. <form id='VJjI73'></form>
        <bdo id='VJjI73'><sup id='VJjI73'><div id='VJjI73'><bdo id='VJjI73'></bdo></div></sup></bdo>

          • 首页 > 网页特效 > 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的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。

            官方网址:

            特效推荐

            热门特效