mactool.js 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. $(function() {
  2. var oMenu = document.getElementById('dock');
  3. var aImg = oMenu.getElementsByTagName('img');
  4. var iWid = 128;
  5. var iWidth = 64;
  6. var i = 0;
  7. var posLeft = 0;
  8. var posTop = 0;
  9. var flag = false;
  10. var scale = "scale(1)";
  11. $('body').removeClass("blur");
  12. var left = $(window).width() - $('#dock img').size() * 70;
  13. $('#dock').css({
  14. "margin-left" : left / 2
  15. });
  16. $(window).resize(function() {
  17. var size = $(window).width();
  18. if (size < 1024) {
  19. flag = true;
  20. } else {
  21. flag = false;
  22. }
  23. left = $(window).width() - $('#dock img').size() * 70;
  24. $('#dock').css({
  25. "margin-left" : left / 2
  26. });
  27. });
  28. for (i = 0; i < aImg.length; i++) {
  29. aImg[i].width = iWidth;
  30. }
  31. var type = loadBrowserType();
  32. if("win"==type){
  33. $('*').mousemove(
  34. function(e) {
  35. if (flag) {
  36. } else {
  37. var mask = $("#win_mask");
  38. if(mask.length==1){
  39. return false;
  40. }
  41. var oEvent = e || event;
  42. for (i = 0; i < aImg.length; i++) {
  43. var imgX = aImg[i].offsetLeft + oMenu.offsetLeft
  44. + aImg[i].offsetWidth / 2;
  45. var imgY = aImg[i].offsetTop + oMenu.offsetTop
  46. + aImg[i].offsetHeight / 2;
  47. var a = imgX - oEvent.clientX;
  48. var b = imgY - oEvent.clientY;
  49. var c = Math.sqrt(a * a + b * b);
  50. var scale = 1 - c / 300;
  51. if (scale < 0.5) {
  52. scale = 0.5;
  53. }
  54. aImg[i].width = Math.ceil(iWid * scale);
  55. if($.browser.msie&&$.browser.version == "7.0"){
  56. $(".task_count").css({"top":20 * scale+"px"});
  57. $(".task_count").css({"right":60 * scale+"px"});
  58. }else{
  59. $(".task_count").css({"top":"-"+120 * scale+"px"});
  60. $(".task_count").css({"right":20 * scale+"px"});
  61. }
  62. }
  63. }
  64. });
  65. $('#dock img').hover(function() {
  66. posLeft = $(this).offset().left;
  67. var icon = $(this).attr("title");
  68. $('.title').css({
  69. "left" : posLeft,
  70. "bottom" : 135
  71. }).html(icon).show();
  72. }, function() {
  73. $('.title').hide();
  74. });
  75. }
  76. $('.icon').each(function() {
  77. var title = $(this).children('img').attr('title');
  78. $(this).children('span').html(title);
  79. });
  80. $('#dock img').click(function() {
  81. // if (flag) {
  82. //
  83. // } else {
  84. // flag = true;
  85. // var y = 90;
  86. //
  87. // $(this).animate({
  88. // "margin-bottom" : 90
  89. // }, 200, vibrant);
  90. //
  91. // }
  92. function vibrant() {
  93. if (y > 5) {
  94. y -= y * 0.45;
  95. $(this).animate({
  96. "margin-bottom" : 0
  97. }, 90).animate({
  98. "margin-bottom" : y
  99. }, 90, vibrant);
  100. } else {
  101. $(this).animate({
  102. "margin-bottom" : 0
  103. });
  104. flag = false;
  105. }
  106. }
  107. });
  108. function zoom() {
  109. $("#launchpad").css({
  110. "-ms-transform" : scale,
  111. "-webkit-transform" : scale,
  112. "-moz-transform" : scale,
  113. "-o-transform" : scale
  114. });
  115. }
  116. });