欢迎来到福编程网,本站提供各种互联网专业知识!

Javascript实现代码折叠功能

发布时间:2016-08-25 作者:投稿daisy 来源:转载
代码折叠起来,使整段程序缩成一行,看起来清爽了许多。大家在使用VisualStudio环境进行开发时,可以把某个类或某个函数折叠起来,在很多网页上也有类似的功能,那到底是如何实现的呢?其实很简单,只要通过JavaScript就可以实现。

一、首先定义一个JavaScript function,如下:

代码
  1. function puckerMenu(level) {
  2. var levelLength = ('row' + level).length;
  3. var toDo = '0';
  4. for (var iCount = 0 ; iCount < document.all.length; iCount++){
  5. if ( document.all[iCount].id.indexOf('row' + level) > -1 && ( document.all[iCount].id.length > levelLength)) {
  6. if ( document.all('level' + level).src.indexOf('minus.gif') > -1 ) {
  7. document.all[iCount].style.display = 'none';
  8. toDo = '1';
  9. } else {
  10. document.all[iCount].style.display = 'block';
  11. toDo = '0';
  12. }
  13. }
  14. }
  15. if ( toDo == '1' ) {
  16. document.all('level' + level).src = 'images/plus.gif';
  17. } else {
  18. document.all('level' + level).src = 'images/minus.gif';
  19. }
  20. }

二、然后在网页上定义一个div和一个ul,注意div中要包含一个idlevel开头的image和一个onclick事件,ulid要包含row,默认情况下是展开的,如果需要默认为闭合,则要在ul中加入style="display:none"

例子如下:

代码
  1. public class DataAccess
  • private string connString; protected DbConnection OpenConnection()
  • {...}
  • Other

    总结

    以上就是本文的全部内容,希望对有需要的人能有所帮助。如果有疑问可以留言讨论。

  • 相关推荐

    返回顶部