0

为了解释这是做什么的>>每个点击功能都会对徽标轮播内的元素的点击做出反应,并在轮播外创建一个弹出窗口,解释元素/徽标是什么......

只是得到一些想法,玩得开心提前谢谢你!

要查看处于工作状态的 HTML 和脚本,请暂时使用@此链接>>

http://grayghostventures.com/x3.2/portfolio/portfolio3.html

只是想在一切都说完之前支持一些代码!

jQuery(document).ready(function() {

var hideAll = "#hoverState1,#hoverState2,#hoverState3,#hoverState4,#hoverState5,#hoverState6,#hoverState7,#hoverState8,#hoverState9,#hoverState10,#hoverState11,#hoverState12,#hoverState13,#hoverState14,#hoverState15";

// Hover States for pop Ups


$("#logoPop1").click(function(){$(hideAll).fadeOut("slow");$("#hoverState1").fadeIn("slow");});
$("#logoPop2").click(function(){$(hideAll).fadeOut("slow");$("#hoverState2").fadeIn("slow");});
$("#logoPop3").click(function(){$(hideAll).fadeOut("slow");$("#hoverState3").fadeIn("slow");});
$("#logoPop4").click(function(){$(hideAll).fadeOut("slow");$("#hoverState4").fadeIn("slow");});
$("#logoPop5").click(function(){$(hideAll).fadeOut("slow");$("#hoverState5").fadeIn("slow");});
$("#logoPop6").click(function(){$(hideAll).fadeOut("slow");$("#hoverState6").fadeIn("slow");});
$("#logoPop7").click(function(){$(hideAll).fadeOut("slow");$("#hoverState7").fadeIn("slow");});
$("#logoPop8").click(function(){$(hideAll).fadeOut("slow");$("#hoverState8").fadeIn("slow");});
$("#logoPop9").click(function(){$(hideAll).fadeOut("slow");$("#hoverState9").fadeIn("slow");});
$("#logoPop10").click(function(){$(hideAll).fadeOut("slow");$("#hoverState10").fadeIn("slow");});
$("#logoPop11").click(function(){$(hideAll).fadeOut("slow");$("#hoverState11").fadeIn("slow");});
$("#logoPop12").click(function(){$(hideAll).fadeOut("slow");$("#hoverState12").fadeIn("slow");});
$("#logoPop13").click(function(){$(hideAll).fadeOut("slow");$("#hoverState13").fadeIn("slow");});
$("#logoPop14").click(function(){$(hideAll).fadeOut("slow");$("#hoverState14").fadeIn("slow");});
$("#logoPop15").click(function(){$(hideAll).fadeOut("slow");$("#hoverState15").fadeIn("slow");});

$(".closePop").click(function(){$(hideAll).fadeOut("slow");});


// JQuery End
});
4

1 回答 1

2

您可以使用以 Selector 开头的属性

jQuery(document).ready(function ($) {
    var $hoverState = $("[id^=hoverState]");

    $("[id^=logoPop]").click(function() {
        var id = ( this.id.match(/\d+$/) || [] )[0];
        $hoverState.not('#hoverState' + id).fadeOut("slow")
        $hoverState.filter('#hoverState' + id).fadeIn("slow");
    });

    $('.closePop').click(function () {
        $hoverState.fadeOut("slow");
    });
});
于 2013-01-08T03:07:17.653 回答