showtip.js 1.0 KB

12345678910111213141516171819
  1. /**
  2. * @update yingp
  3. * 吐丝效果的信息提示功能
  4. */
  5. $.showtip=function(msg,delay,top,left){
  6. $("#tip").empty().remove();
  7. var style='position: absolute;border: 1px solid #cdcdcd; background-color: #ababab; font-size:14px; font-weight:bold;text-align:center;vertical-align:middle;padding:10px 20px 10px 20px;z-index:1000;color:#fff;display:none;'
  8. +'border:1px solid #ffecb0;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;';
  9. var tipdiv="<div id='tip' class='tip' style='"+style+"' > "+msg+" </div>";
  10. $("body").append(tipdiv);
  11. top = (top == null) ? ($(document).scrollTop()+($(window).height()-$("#tip").height())/2) : top;
  12. left = (left == null) ? ($(document).scrollLeft()+($(window).width()-$("#tip").width())/2) : left;
  13. $("#tip").css('top',top);
  14. $("#tip").css('left',left);
  15. $("#tip").show();
  16. setTimeout(function(){
  17. $("#tip").hide();
  18. },delay);
  19. } ;