jQuery全屏图片双屏联动切换代码



127 504 169



特效描述:jQuery 全屏图片 双屏联动切换,jQuery全屏图片切换,双屏图片预览,点击左右按钮控制双屏图片联动切换效果代码。

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/tools.js"></script>

3. HTML代码

<div class="wrap">
    <div class="banner-box">
        <div class="mobile">
            <!-- banner-mobile -->
            <div class="mobile-content"></div>
            <i></i>
        </div>
        <!-- banner-bg -->
        <div class="swiper-content"></div>
    </div>
</div>
<script type="text/javascript">
window.onload = function(){
    tools.swiperbanner('.swiper-content','.mobile-content',{
        bannerpic:["img/banner-01.png","img/banner-02.png","img/banner-03.png"],
        mobilepic:["img/banner-m01.png","img/banner-m02.png","img/banner-m03.png"]
    })
}
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滑动选项卡切换 flash焦点图 选项卡切换 滑动手风琴 全屏焦点图 渐隐切换 全屏切换 淡出淡进 切换按钮 宽屏全屏 表单 焦点图 幻灯片 图片轮播 图片淡出淡进 图片全屏 图片切换 图片轮播 二级联动 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到