sj.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. //时间
  2. function getNow(Mytime) { return Mytime < 10 ? '0' + Mytime : Mytime; }
  3. function CurrentTime() {
  4. var myDate = new Date();
  5. //获取当前年份
  6. var year = myDate.getFullYear();
  7. //获取当前月份
  8. var month = myDate.getMonth() + 1;
  9. //获取当前日期
  10. var date = myDate.getDate();
  11. //获取当前小时数(0-23)
  12. var h = myDate.getHours();
  13. //获取当前分钟数(0-59)
  14. var m = myDate.getMinutes();
  15. var s = myDate.getSeconds();
  16. var now = year + '年' + getNow(month)+ '月' + getNow(date)+ '日';
  17. var now2 = getNow(h)+ ':' + getNow(m) + ':' + getNow(s);
  18. $(".nyr").text(now);
  19. $(".sfm").text(now2);
  20. }
  21. $(function(){
  22. //间隔一秒执行一次获取当前时间的方法
  23. setInterval(function () { CurrentTime() }, 1000);
  24. // 二维三维切换
  25. $(".wei a").on("click", function() {
  26. var position = $(this)
  27. .parent()
  28. .position();
  29. var width = $(this)
  30. .parent()
  31. .width();
  32. $(".wei .slide1").css({ opacity: 1, left: +position.left, width: width });
  33. $(this).addClass('active').parents('li').siblings('li').find('a').removeClass('active');
  34. });
  35. $(".wei a").on("mouseover", function() {
  36. var position = $(this)
  37. .parent()
  38. .position();
  39. var width = $(this)
  40. .parent()
  41. .width();
  42. $(".wei .slide2")
  43. .css({
  44. opacity: 1,
  45. left: +position.left,
  46. width: width
  47. })
  48. .addClass("squeeze");
  49. });
  50. $(".wei a").on("mouseout", function() {
  51. $(".wei .slide2")
  52. .css({ opacity: 0 })
  53. .removeClass("squeeze");
  54. });
  55. var currentWidth = $(".wei .wei_tab")
  56. .find(".active")
  57. .parent("li")
  58. .width();
  59. var current = $(".wei_tab .active").position();
  60. $(".wei .slide1").css({ left: +current.left, width: currentWidth });
  61. // 二维三维 图片切换
  62. $(".wei_tab .aa").on('click',function(){
  63. if($(this).hasClass('ew_li')){
  64. $('.map_tab').show();
  65. }else{
  66. $('.map_tab').hide();
  67. }
  68. });
  69. //右侧导航显示隐藏
  70. var a = 0
  71. $(".zhly_close").on('click',function(){
  72. var wid = $(".zhly_k").width()+39;
  73. a = a + 1;
  74. if (a % 2 != 0) {
  75. $(".zhly_k").animate({
  76. right: '-'+ wid +'px'
  77. },500)
  78. }else {
  79. $('.zhly_k').stop(true, true).animate({
  80. right:'0px'
  81. }, 500);
  82. }
  83. });
  84. //nav导航点击切换
  85. $(".nav_div .nav").on('click', function () {
  86. $(this).children('div').addClass('on');
  87. $(this).siblings('.nav').children('div').removeClass('on');
  88. // if($(this).children('div').attr("url") == "getVisualizationFrame_WRJ"){
  89. if($(this)[0].className == "nav wrj" || $(this)[0].className == "nav cl" || $(this)[0].className == "nav clmj" ){
  90. $(".zhly_k").hide();
  91. }else{
  92. $(".zhly_k").show();
  93. }
  94. $("#qt_iframe").attr("src", "/visualization/event/" + $(this).children('div').attr("url"));
  95. //首页得导航
  96. if($(".sj").children('div').hasClass('on')){
  97. $(".left_nav").show();
  98. }else{
  99. $(".left_nav").hide();
  100. }
  101. if($(".sl").children('div').hasClass('on')){
  102. $("#sl_nav").show();
  103. }else{
  104. $("#sl_nav").hide();
  105. }
  106. });
  107. // $(".sj").on('click',function(){
  108. // $(".left_nav").toggle();
  109. // });
  110. //
  111. // iframe高度
  112. // var hei = $(document).height();
  113. // var wid = $(document).width();
  114. $("#qt_iframe").height(800);
  115. // $("#qt_iframe").width(wid);
  116. });