`

基于mootools重写js(tab,tree)控件包

阅读更多
以前写过一个js包,里面的tab和tree都是纯粹用js的function手写,没有使用框架,

存在几个问题

1. 扩展比较困难
2. 接下去在添加新的控件,没有一个统一的实现方式,显得混乱,不好管理

基于以上理由,重新基于 mootools1.1 重写了tab和tree控件,为将来添加更多的控件打个好的基础

代码中有详细的注释,也有demo,一看全明白了

下面附上源码和效果图
  • demo.rar (80.1 KB)
  • 描述: 示例和源码
  • 下载次数: 1680
  • 描述: tab效果图
  • 大小: 5.1 KB
  • 描述: tree效果图
  • 大小: 2 KB
分享到:
评论
4 楼 pignut_wang 2007-10-09  
在火狐下面的效果确实不错,最近比较忙,有时间的时候试试看
3 楼 foxgst 2007-10-08  
这里有个不错的实现,不过没有针对IE浏览器的版本,你可以试着改改。http://seri.ous.ly/draggable_tree/
2 楼 pignut_wang 2007-08-31  
过奖,本人英文确实比较一般,仅限于看懂技术文档.
1 楼 skyey 2007-08-29  
朋友,你的代码写的不错,而且英文也不错...

相关推荐

    mootools tree and table

    本文将深入探讨基于MooTools的tree和table控件的实现及应用。 首先,让我们来了解一下MooTools的核心概念。MooTools是一个轻量级的JavaScript库,其设计理念是模块化和面向对象。它提供了丰富的API,包括DOM操作、...

    基于Mootools.js的动画效果的多级折叠菜单.rar

    **基于Mootools.js的动画效果...总的来说,基于Mootools.js的动画效果的多级折叠菜单展示了JavaScript库如何增强网页的交互性和用户体验。通过熟练掌握Mootools的API,开发者可以构建出更加动态和富有创意的网页应用。

    mootools1.2 树状菜单控件

    在给定的“mootools1.2 树状菜单控件 mif.tree”中,我们关注的是一个特定的模块——MIF.Tree,这是一个用于创建交互式树状菜单的组件。 MIF.Tree控件是MooTools库的一个扩展,它允许开发者在网页上构建可展开和...

    mootools.js插件 1.4.5 core下载.zip

    比prototypejs更丰富、更强大的mootools.js插件 1.4.5 core下载。mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似...

    基于mootools的菜单Mootree

    "基于mootools的菜单Mootree" 指的是一个使用MooTools JavaScript库开发的树形菜单组件。MooTools是一个轻量级且功能丰富的JavaScript框架,它提供了一系列用于创建交互式网页的工具。Mootree则是这个框架下专门用于...

    JSXGraph 基于Mootools的JavaScript画线工具.zip

    JSXGraph是一款强大的基于JavaScript的交互式图形库,它允许开发者在网页上创建高质量的数学、物理和几何图形。这款工具充分利用了Mootools JavaScript框架的功能,为用户提供了一个灵活且可扩展的平台,用于构建...

    Ajax+Json 基于Mootools一些常用的小插件实例集meteora-0.7.1

    Mootools是一个小巧且功能强大的JavaScript库,它提供了许多高级的DOM操作、事件处理、动画效果以及Ajax功能。Mootools的设计理念是模块化,这使得开发者可以根据需求选择需要的模块,避免引入不必要的代码,从而...

    mooRainbow.js.css+mootools完成实现颜色拾取器控件完整套

    《mooRainbow.js.css与mootools:构建高效的颜色选择器控件》 在Web开发中,为用户提供直观、易用的颜色选择工具是至关重要的,尤其在涉及到色彩设计和编辑的应用场景。mooRainbow.js.css和mootools的组合提供了一...

    JSP基于mootools的flash多文件上传组件

    **JSP基于MooTools的Flash多文件上传组件详解** 在Web开发中,用户界面的交互性和用户体验至关重要,其中文件上传功能是常见的需求之一。传统的文件上传方式往往需要页面刷新,影响了用户的操作流畅性。为了解决这...

    基于Mootools的图片切换代码.zip

    【标题】"基于Mootools的图片切换代码.zip"揭示了这个压缩包内包含的是一种使用MooTools JavaScript库实现的图片轮播或切换效果的代码。MooTools是一个轻量级、模块化的JavaScript框架,它提供了一系列工具,用于...

    mootools.js

    <script type="text/javascript" language="javascript" src="mootools.js"> <div id="myDiv1" >abc <script type="text/javascript"> var a = new Element('button'); a.value = 'test'; alert(a) alert(a.value)...

    一套基于Mootools技术 实现的动画效果导航菜单源码例子

    通过学习和理解这个基于Mootools的导航菜单源码例子,开发者可以提升自己的JavaScript技能,尤其是对于动态效果的实现,同时也可以更好地理解和运用Mootools库中的各种工具和方法。对于想要创建具有交互性和吸引力的...

    基于mootools的裁剪程序

    本项目基于MooTools JavaScript库实现了一个强大的图片裁剪程序,它提供了灵活的配置选项,允许用户根据需求裁剪出不同尺寸的头像,如大头像、小头像和中头像等。 MooTools是一个轻量级但功能丰富的JavaScript框架...

    mootools常用js

    - **核心模块**:MooTools-Core.js是MooTools的基础,包含了一些基本的类和函数,如Element、Array、Function、String等,它们提供了对JavaScript原生对象的扩展。 - **Class机制**:MooTools引入了面向对象的...

    基于MooTools全屏焦点图.zip

    总之,基于MooTools的全屏焦点图是一个结合了前端技术、用户体验和视觉设计的综合项目,通过学习和实践,我们可以提升自己的JavaScript编程技能,特别是MooTools库的运用能力,为网页开发带来更多可能性。

    MooTools1.2.js

    MooTools1.2.js 无压缩版,完全的源代码。

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools是一款强大的...通过阅读"Mootools1.4中文PDF手册",开发者可以深入了解MooTools的使用方法和最佳实践,而"MooTools-Core-1.5.1.js"则是实际项目中的运行库,结合手册学习,可以迅速提升JavaScript开发技能。

    基于 Mootools 框架的图片切换完整代码.rar

    基于 Mootools 框架的图片切换完整代码,兼容性做的很好,在IE6、7和8、Firefox、Opera9.6下均测试通过,表现完美。不过图片切换的过渡方式目前仅有一个渐变效果,播放速度有点快,不过这个是可以调节的。设置滚动...

Global site tag (gtag.js) - Google Analytics