break的功能？详细点
break的功能？详细点
3 回答
查看1条回复
$(function () {
$("span").each(function (index) {
alert("switch 执行第 "+(index+1) +'次');
switch (index) {
case 0:
$(this).fadeTo(1500,0.2);
alert(0);
break;
case 1:
$(this).fadeTo(1500,0.4);
alert(1);
break;
case 2:
$(this).fadeTo(1500,0.6);
alert(2);
break;
}
});
});这样看也许你就能看明白了 你的switch是放到循环里，第一次弹出0 然后就不执行下面的代码了 但是你循环里就执行了一次switch 。。。。。。 一次这样重复了3次 所以你的0 1 2 里的都执行了，其实是分三次执行的，不是一次执行的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用fadeTo()方法设置淡入淡出效果的不透明度</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>使用fadeTo()方法设置淡入淡出效果的不透明度</h3>
<span class="red"></span><span class="orange"></span><span class="blue"></span>
<script type="text/javascript">
$(function () {
$("span").each(function (index) {
switch (index) {
case 0:
$(this).fadeTo(1500,0.2);
break;
case 1:
$(this).fadeTo(1500,0.4);
break;
case 2:
$(this).fadeTo(1500,0.6);
break;
}
});
});
</script>
</body>
</html>举报
0/150
提交
取消
