index.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. // JavaScript Document
  2. $(function(){
  3. //完整菜单效果1
  4. $(".menu_list").hide();
  5. $(".menu_list_first").show();
  6. $(".a_list").click(function(){
  7. var len = $('.a_list').length;
  8. var index = $(".a_list").index(this);
  9. for(var i=0;i<len;i++){
  10. if(i == index){
  11. $('.menu_list').eq(i).slideToggle(300);
  12. }else{
  13. $('.menu_list').eq(i).slideUp(300);
  14. }
  15. }
  16. });
  17. //完整菜单效果2
  18. /*$(".a_list").each(function(l){
  19. $(this).click(function(){
  20. var len = $('.a_list').length;
  21. for(var i=0;i<len;i++){
  22. if(i == l){
  23. $('.menu_list').eq(i).slideToggle(100);
  24. }else
  25. {
  26. $('.menu_list').eq(i).slideUp(100);
  27. }
  28. }
  29. })
  30. })*/
  31. })
  32. //点击显示隐藏完成菜单和简洁菜单
  33. $(function(){
  34. $(".menu-oc").click(function(){
  35. $(".leftmenu1").animate({left:"-292px"}) ;
  36. $(".leftmenu2").animate({left:"0px"})
  37. $(".rightcon").css("margin-left","52px")
  38. })
  39. $(".menu-oc1").click(function(){
  40. $(".leftmenu1").animate({left:"0px"}) ;
  41. $(".leftmenu2").animate({left:"-192px"});
  42. $(".rightcon").css("margin-left","240px");
  43. })
  44. })
  45. //简洁菜单点击效果
  46. /*
  47. $(function(){
  48. $(".j_menu_list").hide();
  49. $(".j_a_list").click(function(){
  50. var len = $('.j_a_list').length;
  51. var index = $(".j_a_list").index(this);
  52. for(var i=0;i<len;i++){
  53. if(i == index){
  54. $('.j_menu_list').eq(i).slideToggle(300);
  55. }else{
  56. $('.j_menu_list').eq(i).slideUp(300);
  57. }
  58. }
  59. });
  60. $(".j_menu_list>span>i").click(function(){
  61. $(".j_menu_list").slideUp(300)
  62. })
  63. })*/
  64. //简洁菜单移动效果
  65. $(function(){
  66. $(".j_menu_list").hide();
  67. $(".j_a_list").hover(function(){
  68. $(".leftmenu2 ul li").hover(function(){
  69. $(this).find('.j_menu_list').show();
  70. },function(){
  71. $(this).find('.j_menu_list').hide();
  72. });
  73. })
  74. })