cloud-manage-new/src/main/resources/templates/minimanage/Scripts/js/slider.js

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

$(function(){
	$('#number li').mouseover(function(){
		$("#"+this.id).addClass("selected").siblings().removeClass("selected");
		$('.slider1 li img').fadeIn(4000).attr("src","images/"+(this.id)+".jpg");
		});
	});
	
/*首页广告效果*/
$(function () {
    $.ajax({
        url: IndexPage.Url.GetImageCountUrl,
        success: function (text) {
            var len = text;
            var index = 0;
            var adTimer;
            $(".num li").mouseover(function () {
                index = $(".num li").index(this);
                showImg(index);
            }).eq(0).mouseover();
            //滑入 停止动画，滑出开始动画.
            $('.ad').hover(function () {
                clearInterval(adTimer);
            }, function () {
                adTimer = setInterval(function () {
                    showImg(index)
                    index++;
                    if (index >= len) { index = 0; }
                }, 5000);
            }).trigger("mouseleave");

        }
    });
   //var len = $(".num > li").length;
   
})
// 通过控制top ，来显示不同的幻灯片
function showImg(index) {
        var adHeight = $(".content_right .ad").height();
		$(".slider").stop(true,false).animate({bottom : -adHeight*index},1000);
		$(".num li").removeClass("on")
			.eq(index).addClass("on");
}