如果经常上网，会发现有一些广告悬浮版块，点击隐藏，就只剩下一小块地方留在边缘，当鼠标本移到那小块地方时，广告就又非常积极的重新出现在你的视线。本实例使用DIV、CSS和JavaScript，实现了这个效果，在多种浏览器下测试通过。

首先看一下效果图，该图是DIV版块悬浮在浏览器左边的效果：

下图是DIV版块隐藏后只留下一个重现箭头的效果。

 

废话少说，直接放代码：

        
     
     
      
       content 内容
       
content 内容
       
content 内容
       
content 内容
       
content 内容
       
content 内容
       
content 内容
       
content 内容
       
content 内容
       
content 
       计划
      
      
       <—>
      
     

 

效果请看浏览器右侧。

 

content 内容

content 内容

content 内容

content 内容

content 内容

content 内容

content 内容

content 内容

content 内容

content