public1.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. $(function(){
  2. // 屏幕滚动
  3. $(window).scroll(function (){
  4. var str = $(this).scrollTop();
  5. navigation(str);
  6. });
  7. })
  8. /*
  9. * 获取 DOC 超出可视区域的高度
  10. */
  11. var dir = $(document).scrollTop();
  12. navigation(dir);
  13. function navigation(st){
  14. if(st >180){
  15. $('.m_top').css('background','rgba(255,255,255,1)');
  16. $('.m_top a.m_be').find('img').attr('src','/image/back_1.png');
  17. $('.m_top a.menu').find('img').attr('src','/image/menu_a_1.png');
  18. $('.m_top .m_title').show();
  19. }else if(st>80 && st <= 180){
  20. $('.m_top a.m_be').find('img').attr('src','/image/back_1.png');
  21. $('.m_top a.menu').find('img').attr('src','/image/menu_a_1.png');
  22. $('.m_top').css('background','rgba(255,255,255,0.8)');
  23. $('.m_top .m_title').show();
  24. }else{
  25. $('.m_top').css('background','rgba(255,255,255,0)');
  26. $('.m_top a.m_be').find('img').attr('src','/image/lp_index/back.png');
  27. $('.m_top a.menu').find('img').attr('src','/image/index/menu_a.png');
  28. $('.m_top .m_title').hide();
  29. }
  30. // 显示 与 隐藏 二级导航
  31. if(st > 180){
  32. $('.w_find_nav').fadeIn();
  33. }else{
  34. $('.w_find_nav').fadeOut();
  35. }
  36. }