js滑动提示效果代码分享

function tishi() {

  $("#tishi").attr("style", "border: 1px solid #000;position: absolute; z-index: 10; width:200px; height: 30px;color:white;background-color:Red;border-radius:25px;-moz-border-radius:25px; text-align:center;left:70%; :10%; display: none");

  $("#tishi").show().animate({
  width: '300px',
  height: '37px',
  : '-=10px'
  , opacity: '0.8'
  }, "slow");
  $("#tishi").show().animate({
  : '-=10px'
  , opacity: '0.6'

  }, "slow");
  $("#tishi").show().animate({
  : '-=10px'
  , opacity: '0.4'
  }, "slow");
  $("#tishi").show().animate({
  : '-=10px'
  , opacity: '0.2'
  }, "slow");
  $("#tishi").show().animate({
  : '-=10px'
  , opacity: '0.0'
  }, "slow");
 }

<div id="tishi" style="border: 1px solid #000;
position: absolute; z-index: 10; width:200px; 
height: 30px;color:white;
background-color:Red;border-radius:25px;
 -moz-border-radius:25px; / 老的 Firefox /
text-align:center;left:70%; 
: 10%; 
display: none">请完善信息</div>