Jquery 淡入淡出

梦里断魂

于 2016-01-16 17:03:36 发布

阅读量388

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/lishaojun0115/article/details/50528836

版权

Jquery 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<html>
<head>
<script type="text/javascript"
            src="jquery.js">
    </script>

<script type="text/javascript">
function countDown(secs){


 var $jumpTo =$("#jumpTo");

 $jumpTo.text(secs); 
 if(--secs>0){  
     $("#div1").fadeOut(3000);
     $("#div2").fadeIn(3000);

     setTimeout("countDown("+secs+")",1000);    
     }    
else{
   $("#div1").fadeIn(3000);
   $("#div2").fadeOut(3000);
    setTimeout("countDown("+2+")",1000); 

    }   

}
</script>
</head>
<body onload="countDown(3);">
  <div id="div1" style="height:10%;width=10%;background-color: red;display: none;">test</div>
<div id="div2" style="height:10%;width=10%;background-color: yellow;">test2</div>
<span id="jumpTo" style="display: none;">2</span>
</body>
</html>