Hero Slider全屏焦点轮播动画效果

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

HTML

<div class="cd-slider-nav">
    <nav>
        <span class="cd-marker item-1"></span>
        <ul>
            <li class="selected"><a href="javascript:">简介</a></li>
            <li><a href="javascript:">第二</a></li>
            <li><a href="javascript:">第三</a></li>
            <li><a href="javascript:">视频</a></li>
            <li><a href="javascript:">图片</a></li>
        </ul>
    </nav> 
</div>

引入jQuery库和Hero Slider

<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>