JS实现slide文字框缩放伸展效果代码

本文实例讲述了JS实现slide文字框缩放伸展效果代码。分享给大家供大家参考，具体如下：

这里介绍的slide文字框缩放伸展效果，自己闲来无事写的，不是太好，可能在兼容性方面还需努力，展开速度方面，IE8和火狐的展开速度不一样，火狐下更快一些，至今没找到原因，也请JS高人指点江山。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-slide-txt-dlg-show-codes/

具体代码如下：

*{margin:0; padding:0;}
ul{list-style:none;}
.box{width:300px; margin:10px; border:1px solid #ccc; overflow:hidden; position:relative; font-size:12px;}
.oHx{height:30px; background:#eee; line-height:30px; font-size:14px; text-indent:14px; cursor:pointer;}
.fold{position:absolute; top:9px; right:12px;}
.box_content{line-height:18px; overflow:hidden; display:none;}


 
 
   
   收缩2 
   
    
 
     
scscms V1.0 阳光企业网站系统
  
24点，VC++游戏源码
  
可记录图像的C#数据库记录单程序
  
jQuery 1.4 参考指南的实例源代码
    
 
   
  
   
   收缩3 
   
    
 
     
scscms V1.0 阳光企业网站系统
  
24点，VC++游戏源码
  
可记录图像的C#数据库记录单程序
  
jQuery 1.4 参考指南的实例源代码
    
 
   
  
  
 

希望本文所述对大家Javascript程序设计有所帮助。