UI.rar_javascript_mootools_mootoolsUI

共15个文件

js：7个

html：7个

txt：1个

版权申诉

javascript

mootools

152 浏览量 2022-09-20 15:12:08 上传评论收藏 14KB RAR 举报

标题中的“UI.rar_javascript_mootools_mootools UI_ui”揭示了这是一个关于JavaScript库MooTools的用户界面（UI）组件集。MooTools是一个轻量级且强大的JavaScript框架，它提供了许多功能来帮助开发者创建高效、可维护的前端应用。这个压缩包可能包含了用于构建交互式和美观的网页UI的各种组件。描述中提到的“一套基于开源javascript framework mootools的UI”，进一步证实了这是一个使用MooTools框架开发的UI工具包。这意味着这些文件提供了用于构建用户界面的模块化和可扩展的代码，可能包括下拉框、选择框、多选框、树形视图、链接列表和文本处理等元素。从标签“javascript”，“mootools”，“mootools_ui”，“ui”中，我们可以推断出这些文件与JavaScript编程语言、MooTools库以及与UI设计相关的各种主题有关。MooTools UI组件通常提供了丰富的API和方法，便于开发者自定义和整合到他们的项目中。根据压缩包子文件的文件名称列表，我们可以分析每个文件可能包含的功能： 1. mui.combobox.js：这可能是一个组合框（Combobox）组件，允许用户在输入框中进行手动输入，同时提供下拉选项供用户选择。 2. FilterSelectGroup.js：这个名字暗示了一个具有过滤功能的多选下拉列表，可能允许用户根据输入的关键字筛选选项。 3. mui.choosebox.js：可能是选择框组件，提供了多选或单选功能，用于用户在一组选项中进行选择。 4. mui.boxes.js：这可能包含了一组不同类型的盒子组件，比如对话框、提示框等，用于显示信息或与用户交互。 5. mui.tree.js：表示一个树形视图组件，用于展示层次结构的数据，用户可以展开和折叠节点。 6. mui.linkedlists.js：可能涉及链接列表组件，用于展示相互关联的项目，可能有导航或筛选功能。 7. mui.text.js：可能包含与文本处理相关的功能，如富文本编辑器或者文本格式化工具。 8. www.pudn.com.txt：这看起来是一个文本文件，可能是来源或作者的注释，或者是下载链接的来源信息。 9. demos：这个目录很可能包含了这些组件的实际示例和演示，供开发者参考和学习如何在实际项目中使用。这个压缩包提供了一套全面的MooTools UI解决方案，涵盖了常见的前端交互元素，对于需要使用MooTools进行前端开发的程序员来说，这是一个非常宝贵的资源。通过研究和应用这些组件，开发者可以快速创建出具有专业外观和功能的网页界面。

资源推荐

资源详情

资源评论

收起资源包目录

UI.rar （15个子文件）

mui.choosebox.js 4KB

mui.boxes.js 4KB

mui.combobox.js 7KB

mui.linkedlists.js 1KB

demos

mui.choosebox.html 2KB

mui.combobox.html 2KB

filterselectiongroup.html 1024B

mui.tree.html 4KB

mui.boxes.1.html 1KB

mui.boxes.html 1KB

mui.linkedlist.html 1KB

mui.text.js 770B

mui.tree.js 3KB

www.pudn.com.txt 218B

FilterSelectGroup.js 4KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Mootools UI - tree demo</title> <script type="text/javascript" src="../mootools.v1.00.js"></script> <script type="text/javascript" src="../mui.tree.js"></script> <script type="text/javascript"></script> <style type="text/css">/* <![CDATA[ */ body{ /*direction:rtl;*/ } div.mui-tree{ } div.mui-tree ul, div.mui-tree ul ul{ border-left:1px dotted #000; list-style-type:none; padding:0;margin:0; margin-left:1.5em; display:block; font-size:0.9em; } div.mui-tree ul li{ padding-left:3px; margin:2px 0; line-height:1.5em; vertical-align:top; } div.mui-treetitle{ cursor: default; } div.mui-treetitle:before{ content: '>>' } div.mui-treetitle:hover{ background-color: yellow; display:inline; clear:both; } /* ]]> */</style> </head> <body> <div class="mui-tree" id="t1"> <div class="mui-treetitle">Title</div> <ul> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> </ul> </div> </li> </ul> </div> </li> <li><span>BlaBla</span></li> </ul> </div> </li> </ul> </div> </li> <li><span>BlaBla</span></li> </ul> </div> </li> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><a href="digg.com">BlaBla</a></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li> <div class="mui-tree"> <div class="mui-treetitle">Sub Title</div> <ul> <li><span>BlaBla</span></li> <li><span>BlaBla</span></li> </ul> </div> </li> <li><span>BlaBla</span></li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </body> </html>

评论收藏

内容反馈

版权申诉