右下角浮窗&动画效果

2015-07-17 11:07:57

CSS

 #goreg {
     width: 70px;
     position: fixed;
     bottom: 20px;
     right: 25px;
     z-index:;
     opacity:0.4;
     text-align: center;
 }
 #goreg a {
     text-decoration:none;
     width: 70px;
     height: 70px;
     display: inline-block;
     background-color: #e0e4e5;
     padding-top: 20px;
     color: black;
     line-height:30px;
     overflow: hidden;
 }
 #goreg a:hover {
     background-color: #ccc;
 }

js

         var str = '<div id="goreg"><a href="/q2a/register" target="_blank">提醒注册</a></div>';
         $("body").append(str);
         $("#goreg a").animate({"width":"90","height":"70"},100);
         $("#goreg a").animate({"width":"80","height":"70"},100);
         $("#goreg a").animate({"width":"70","height":"70"},100);
         $("#goreg a").animate({"width":"75","height":"70"},100);
         $("#goreg a").animate({"width":"73","height":"70"},100);
         $("#goreg a").animate({"width":"70","height":"70"},100);