jQuery的淡出淡入:
1.二级菜单(jQuery实现)
代码:
1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4. <meta charset="UTF-8">
5. <title>Title</title>
6. <script src="jquery-1.8.3.min.js"></script>
7. <style>
8. #div1,#div4,#div2,#div3{
9. padding: 20px;
10. text-align: center;
11. background-color: #fffe32;
12. border: 1px solid #13ffff;
13. }
14. #div4{
15. padding: 100px;
16. display: none;
17. }
18. </style>
19. <script>
20. $(document).ready(function () {
21. $("#div1").click(function () {
22. $("#div4").slideDown(888);
23. });
24. $("#div2").click(function () {
25. $("#div4").slideUp(888);
26. });
27. $("#div3").click(functio