js 右侧浮动层效果实现代码(跟随滚动)

实现代码一、

 
 
 

 

 
  .floatTips
  {
   position: absolute;
   border: solid 1px #777;
   padding: 3px;
   top: 250px;
   right: 5px;
   width: 30px;
   height: 300px;
   background: #cccccc;
   color: white;
  }
  .showDiv
  {
   position: absolute;
   border: solid 1px #777;
   padding: 3px;
   top: 250px;
   right: 5px;
   width: 300px;
   height: 300px;
   background: #cccccc;
   color: white;
  }
 
 



 
  最新的活动
  
   显示最新的活动
  
 
 
 

如果有时间的话 会稍作美化 然后加上动画效果 应该就能算是个不错的浮动隐藏层了。

方法二、

一、把以下代码插入标签中：

 
   浮动层示例：

        
  

二、把以下代码插到标签之后，设置MarginLeft、MarginTop、Width、Heigth四个变量的值