temple/penxun/js/script.js

微信扫码关注公众号，代码整理好后第一时间通知你。

 //navbar
 $(".navbar li").click(function(e) {

    if ($(this).hasClass('slider')) {
        return;
    }

    var whatTab = $(this).index();

    var howFar = 160 * whatTab;

    $(".slider").css({
        left: howFar + "px"
    });

    $(".ripple").remove();

    var posX = $(this).offset().left,
        posY = $(this).offset().top,
        buttonWidth = $(this).width(),
        buttonHeight = $(this).height();
    $(this).append("<span class='ripple'></span>");

    if (buttonWidth >= buttonHeight) {
        buttonHeight = buttonWidth;
    } else {
        buttonWidth = buttonHeight;
    }

    var x = e.pageX - posX - buttonWidth / 2;
    var y = e.pageY - posY - buttonHeight / 2;

    $(".ripple").css({
        width: buttonWidth,
        height: buttonHeight,
        top: y + 'px',
        left: x + 'px'
    }).addClass("rippleEffect");

});
 
 
 
 //slide
jQuery(".Slide").slide({ 
		titCell:".btn", 
		mainCell:".Slide_con ul",
		effect:"leftLoop", 
		vis:"auto", 
		autoPlay:true, 
		autoPage:"<li></li>", 
		trigger:"click" 
});