当前位置:  开发笔记 > 编程语言 > 正文

JS+DIV实现的卷帘效果示例

这篇文章主要介绍了JS+DIV实现的卷帘效果,结合具体实例形式对比分析了javascript响应鼠标事件动态操作页面元素属性实现展开与折叠效果的相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS+DIV实现的卷帘效果。分享给大家供大家参考,具体如下:

1、实例代码:



 
  JS+DIV卷帘效果示例-F-BLOG
  
  
  
 
 
  

示例一:纵向,目标div:box,默认高度:25px,速度:30毫秒,调用:reBox("box",25,30)

高级Web程序员

1、了解HTTP协议,对Web程序性能优化有一定经验

2、精通MySQL数据库,能熟练地运用SQL语言,有丰富的数据建模经验, 熟悉SQL语句调优和数据库调优

3、熟练使用至少一种版本(CVS,SVN)控制工具

4、熟悉PHP语言及常见扩展(如mysql、pcre、xml等)

5、熟悉面向对象(OO)程序设计

示例二:纵向,目标div:demo2,默认高度:30px,速度:10毫秒,调用:reBox("demo",30,10)

数据挖掘工程师

1、对海量数据分析、挖掘有浓厚兴趣,沉稳厚重

2、熟悉PHP、JavaScript、HTML设计开发

3、了解HTTP协议,对程序性能优化有一定经验

4、精通MySQL数据库,能熟练地运用SQL语言

PS:从效果看,速度为10毫秒比较好

By:傅唯一 2009-1-26

2、运行效果图如下:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

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

推荐阅读
雯颜哥_135
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有