jquery.disappear.tooltip.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* ============================================================
  2. * jquery.disappear.tooltip.js
  3. * ============================================================ */
  4. !function($) {
  5. // 圆角
  6. if (window.PIE) {
  7. $('.pie_about').each(function() {
  8. PIE.attach(this);
  9. });
  10. }
  11. // 创建提示示例
  12. $('<div class="disappear_tooltip pie_about"><div class="icon"></div><div class="content"></div></div>').appendTo(document.body);
  13. $('.disappear_tooltip').css({
  14. left: ($(window).width() - $('.disappear_tooltip').outerWidth())/2,
  15. top: ($(window).height() - $('.disappear_tooltip').outerHeight())/2 + $(document).scrollTop()
  16. });
  17. }(window.jQuery);
  18. function disapperTooltip(className, remindContent) {
  19. $('.disappear_tooltip').addClass('tip_anim_close');
  20. $('.disappear_tooltip').find('.content').html(remindContent);
  21. $('.disappear_tooltip').css({
  22. left: ($(window).width() - $('.disappear_tooltip').outerWidth())/2,
  23. top: ($(window).height() - $('.disappear_tooltip').outerHeight())/2 + $(document).scrollTop()
  24. });
  25. $('.disappear_tooltip').removeClass('goldremind');
  26. $('.disappear_tooltip').addClass(className);
  27. $('.disappear_tooltip').removeClass('tip_anim_close');
  28. $('.disappear_tooltip').addClass('tip_anim');
  29. if (window.PIE) {
  30. $('.pie_about').each(function() {
  31. PIE.attach(this);
  32. });
  33. }
  34. setTimeout(function () {
  35. $('.disappear_tooltip').addClass('tip_anim_close');
  36. }, 2000);
  37. }