Javascript 使用Jquery在图像及其链接之间切换

所以我尝试循环浏览两个div（每个div中都有图像和链接）。我已经设法淡入淡出每个div，因为我可以看到图像交替，但链接不交替。我的html如下所示：

<div class="fade1"><a href="link1"><img class="banner1" src="images/Home_Banner_1.jpg"></a></div>
<div class="fade2"><a href="link2"><img class="banner2" src="images/Home_Banner_2.jpg"></a></div>

还有我的jquery

<script>   
    $(document).ready(function() {
        function runIt () {
            var fade1 = $(".fade1");
            var fade2 = $(".fade2");

            fade1.delay(5000).fadeTo(3000, 1).delay(5000).fadeTo(3000, 0);
            fade2.delay(5000).fadeTo(3000, 0).delay(5000).fadeTo(3000, 1, runIt);
        }
        runIt();
    });
</script>

---

提供链接类并使用$（'.yourlinkclass'）.attr（'href'，'yournewURL'）编辑href属性

提供链接类并使用$（'.yourlinkclass'）.attr（'href'，'yournewURL'）编辑href属性

<script>   
    $(document).ready(function() {
        function runIt () {
            var fade1 = $(".fade1");
            var fade2 = $(".fade2");

            fade1.delay(5000).fadeTo(3000, 1).delay(5000).fadeTo(3000, 0);
            fade2.delay(5000).fadeTo(3000, 0).delay(5000).fadeTo(3000, 1, runIt);
        }
        runIt();
    });
</script>

fade1.delay(5000).fadeTo(3000, 1, function(){swap.attr("href",  link1)}).delay(5000).fadeTo(3000, 0, function(){swap.attr("href", link2)});