更多
恢复
2018年03月07日 16点59分 qusongjie 入门

代码如下现在轮播图不自己动


html代码

    <div class="swiper-container swiper-main">
        <div class="swiper-wrapper">

    <div class="swiper-slide slide1"></div>
            <div class="swiper-slide slide2"></div>
            <div class="swiper-slide slide3"></div>
<div class="swiper-slide slide4"></div>

        </div>
        <div class="swiper-pagination swiper-pagination-main"></div>
    </div>



JS代码

//横向 swiper

var swiper1 = new Swiper('.swiper-main', {
    loop: true,
    pagination: ".swiper-pagination-main",
    paginationClickable: true
});
$(".slide1").css("background-size", "cover");
$(".slide2").css("background-size", "cover");
$(".slide3").css("background-size", "cover");

var swiper2 = new Swiper('.swiper-sub', {
    loop: true,
    nextButton: '.arrow-r',
    prevButton: '.arrow-l',
    paginationClickable: true
});


$(".news-list li").on("mouseover", function () {
    var img = $(this).data("img");
    var url = $(this).find("a").attr("href");
    $(".news .preview").attr("src", img);
    $(".news .preview").parent().attr("href", url);
});
//设置新闻第一张图
var url1 = $(".news .news-list li").eq(0).data("img");
var href1 = $(".news .news-list li").eq(0).find("a").attr("href");
$(".news .preview").attr("src", url1);
$(".news .preview").parent().attr("href", href1);

$(window).resize(function () {
    resizeSwiper();
    resizeSwiperNav();
});

resizeSwiper();
resizeSwiperNav();

function resizeSwiper() {
    var aH = $(window).height() - $("header").height();
    $(".swiper-main").css("height", aH);
}
function resizeSwiperNav() {
    var w = $(window).width();
    if (w < 1250) {
        $(".arrow-l").css("left", 0);
        $(".arrow-r").css("right", 0);
    } else {
        $(".arrow-l").css("left", -100);
        $(".arrow-r").css("right", -100);
    }
}

修改

js 编程开发语言 Javascript 修改

应答 (下拉快捷留言)

知道“一起帮”的协助流程么?不要搞错哟:应答握手再远程……

(´・・)ノ(._.`)
还没有内容呢!等待求助被解决(酬谢/撤销)后,求助人或好心人总结……

2018年03月12日 17点31分 --- 第 2 楼 ---
抢: 我可以试试……
2018年03月08日 09点09分 --- 第 1 楼 ---
用定时器啊 或者C3 requestAnimationFrame动画
关键字



反馈