Re: [問題] jquery的fadeIn、fadeOut輪播
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
</head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"
type="text/javascript"></script>
<script>
$(document).ready(function() {
var max_c=0;
$('.ddd').each(function(key,v){
max_c = key;
});
var ii=0;
$(".ddd").fadeOut();
function ddd_in(){
$('.ddd').eq(ii).fadeIn();
setTimeout(ddd_out , 2000)
}
function ddd_out(){
$('.ddd').eq(ii).fadeOut();
ii++;
if(max_c < ii ){ ii = 0; }
setTimeout(ddd_in , 500)
}
ddd_in();
});
</script>
<body>
<div class=ddd>1223</div>
<div class=ddd>2345</div>
<div class=ddd>3456</div>
<div class=ddd>4567</div>
<div class=ddd>5678</div>
<div class=ddd>6789</div>
</body>
</html>
-
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.192.152
→
03/12 03:03, , 1F
03/12 03:03, 1F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
