jQuery切换效果
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>切换颜色</title>
- <script type="text/javascript" src1="js/jquery-1.8.3.js"></script>
- <script language="JavaScript">
- $(document).ready(function () {
- $("body").find("input[name=changes]").toggle(function () {
- $("body").CSS('background-color',"red");
- },
- function () {
- $("body").css('background-color',"blue");
- },
- function () {
- $("body").css('background-color',"yellow");
- }
- );
- });
- </script>
- </head>
- <body>
- <input type="button" name="changes" value="切换">
- </body>
- </html>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>切换颜色</title>
- <script type="text/javascript" src1="js/jquery-1.8.3.js"></script>
- <script language="JavaScript">
- $(document).ready(function () {
- $("body").find("input[name=changes]").toggle(function () {
- $("body").css('background-color',"red");
- },
- function () {
- $("body").css('background-color',"blue");
- },
- function () {
- $("body").css('background-color',"yellow");
- }
- );
- });
- </script>
- </head>
- <body>
- <input type="button" name="changes" value="切换">
- </body>
- </html>
来源: https://www.oschina.net/code/snippet_2887409_58741