zoukankan      html  css  js  c++  java
  • 图片轮播(定时播放)

    $(function(){
    	var listLen = $(".pic li").length, i=0,setInter,speen = 5000;
    	              
    	$(".btn li:last").css({"margin":"0px 0px 0px 0px"});
    	$(".btn li:first").addClass("on");
    	$(".pic li:first").show();
    	
    	$(".btn li").each(function(index,element){
    		$(element).click(function(){
    			i = index;
    			$(this).addClass("on").siblings().removeClass("on");
    			$(".pic li").eq(index).animate({opacity:"show"},300).siblings().animate({opacity:"hide"},300);
    		})
    		$(element).hover(function(){
    			clearInterval(setInter);
    		},function(){
    			outPlay();
    		})
    	})
    	
    	
    	out_fun = function(){
    		if(i < listLen){i++;}else{i=0;};
    		$(".btn li").eq(i).addClass("on").siblings().removeClass("on");
    		$(".pic li").eq(i).animate({opacity:"show"},300).siblings().animate({opacity:"hide"},300);
    	}
    	
    	outPlay = function(){
    		setInter = setInterval("out_fun()",speen);
    	}
    	
    	outPlay();
    	
             
    	
    })
  • 相关阅读:
    第三次jsp作业
    快速排列 使用链表
    Cross
    题目
    ranch
    robot
    Mold
    Mold2
    OX_pattern
    KSC sort
  • 原文地址:https://www.cnblogs.com/djdliu/p/5125323.html
Copyright © 2011-2022 走看看