首页

源码搜藏网

首页 > 网页特效 > 焦点图 >

jQuery全屏banner图片切换焦点图简洁代码

创建时间:2016-08-19 16:21  浏览

jQuery全屏banner图片切换焦点图简洁代码
jQuery全屏banner图片切换焦点图简洁代码
在线演示进入下载地址列表

jQuery简洁全屏banner图片切换代码,兼容主流浏览器,懒人图库推荐下载!

 

使用方法:

1、在head区域引入样式表文件css.css

2、在head区域引入jquery-1.11.1.min.js

3、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可。

<!-- 代码 开始 -->
<div id="solid">
    <div class="solid0"></div><div class="solid1"></div><div class="solid2"></div>
    <ul>
        <li><img src="images/width_pic1.jpg" /></li>
        <li><img src="images/width_pic2.jpg" /></li>
        <li><img src="images/width_pic3.jpg" /></li>
    </ul>
    <div id="btt"><span></span> <span></span> <span></span></div>
</div>
<script src="js/fordboy.js"></script>
<!-- 代码 结束 -->
上一篇:基于slick幻灯片插件制作的一款jQuery背景图片切换效果
下一篇:兼容IE8的jQuery幻灯片切换代码

相关内容