<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <base href="http://docs.jquery.com" /> <script src="http://code.jquery.com/jquery-latest.js"></script>
<script> window.onload = (function(){ $("button").click(function(){ $("p").css("background","#FFF"); $("p").toggle(fn1,fn2,fn3); }); $("p").toggle(fn1,fn2,fn3); function fn1() { $("p").css("background","#AAA"); } function fn2() { $("p").css("background","#CCC"); } function fn3() { $("p").css("background","#FFF"); } });</script> <style> p { cursor:pointer; } </style> </head> <body><button>reset</button> <p>aaaaaaaaaaaaaaaaaaaaaaaa</p> </body> </html>
设一个计数i = 0,有几个方法就取几的模,方法执行完i++,想重置就重新i = 0
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="http://docs.jquery.com" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
window.onload = (function(){
$("button").click(function(){
$("p").css("background","#FFF");
$("p").toggle(fn1,fn2,fn3);
});
$("p").toggle(fn1,fn2,fn3);
function fn1() { $("p").css("background","#AAA"); }
function fn2() { $("p").css("background","#CCC"); }
function fn3() { $("p").css("background","#FFF"); }
});</script>
<style>
p { cursor:pointer; }
</style>
</head>
<body><button>reset</button>
<p>aaaaaaaaaaaaaaaaaaaaaaaa</p>
</body>
</html>