public-nav.js 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. "use strict";
  2. var $href ="";
  3. $(function () {
  4. var $navLi = $(".public-nav .jynav li").not(".slider");
  5. $href = window.location.href;
  6. $navLi.hover(function () {
  7. var $slider = $(".public-nav .jynav .slider"),
  8. $thisWidth = $(this).width(),
  9. //当前宽度
  10. $thisIndex = $(this).index();
  11. if((typeof(myPageNavIsNormal)!="undefined"&&myPageNavIsNormal==true)||$href.indexOf("supsearch")>-1||$href.indexOf("bidsearchforent")>-1||$href.indexOf("promotional/topics")>-1||$href.indexOf("list")>-1||$href.indexOf("article/content")>-1||$href.indexOf("article/bdprivate")>-1||$href.indexOf("article/mailprivate")>-1||$href.indexOf("/jypc/toPushView")>-1||$href.indexOf("/jyblog")>-1||$href.indexOf("/dataExport")>-1||$href.indexOf("/front/dataService.html")>-1){
  12. $navLi.find("a").css({"color":"#252627"});
  13. }else{
  14. $navLi.find("a").css({"color":"#fff"});
  15. }
  16. $(this).find("a").css({
  17. "color": "#2cb7ca"
  18. });
  19. $slider.css({
  20. "width": $thisWidth + "px",
  21. left: $thisIndex * $thisWidth + $thisIndex * 20 + "px", //20是,margin偏移
  22. "background-color":"#2cb7ca"
  23. });
  24. });
  25. });
  26. //
  27. function selcetIndexNav(number) {
  28. var $navLi = $(".public-nav .jynav li").not(".slider");
  29. var $nav = $(".public-nav .jynav");
  30. seclectNavLi($navLi, number)
  31. $nav.mouseleave(function() {
  32. seclectNavLi($navLi, number)
  33. })
  34. }
  35. function seclectNavLi(el, $index) {
  36. var $slider = $(".public-nav .jynav .slider");
  37. /*获取当前这个元素的css*/
  38. var $thisCss = el.eq($index).width();
  39. if((typeof(myPageNavIsNormal)!="undefined"&&myPageNavIsNormal==true)||$href.indexOf("supsearch")>-1||$href.indexOf("bidsearchforent")>-1||$href.indexOf("promotional/topics")>-1||$href.indexOf("list")>-1||$href.indexOf("article/content")>-1||$href.indexOf("article/bdprivate")>-1||$href.indexOf("article/mailprivate")>-1||$href.indexOf("/jyblog")>-1||$href.indexOf("/dataExport")>-1||$href.indexOf("/front/dataService.html")>-1){
  40. el.find("a").css({"color":"#252627"});
  41. }else{
  42. el.find("a").css({"color":"#fff"});
  43. }
  44. el.eq($index).find("a").css("color", "#2cb7ca");
  45. if(!$index) {
  46. $index = 0;
  47. } else {
  48. if($index < 0) {
  49. throw Error("dot pass -Number")
  50. }
  51. }
  52. if($index==8){
  53. $slider.css({
  54. "width": $thisCss + "px",
  55. left: $index * $thisCss + $index * 20 + "px",
  56. "background-color":""
  57. })
  58. }else{
  59. $slider.css({
  60. "width": $thisCss + "px",
  61. left: $index * $thisCss + $index * 20 + "px",
  62. "background-color":"#2cb7ca"
  63. })
  64. }
  65. }