本帖最后由 雨辰杨紫 于
00:29 编辑
软件名称：悬浮菜单软件版本：v3.2.7破解/全功能/高级版软件类型：应用软件大小：4.0M软件语言：中文是否收费：免费测试机型：OPPO Find 7推荐指数：★★★★★
感谢ZhuHengyf修改分享！
本版特点：功能全部开启，无需积分，直接可以使用三大功能。
悬浮菜单Pro主要有三大功能：
【手势操作】、【弹出菜单】以及【消息提示】。
其中手势操有三种手势区：【悬浮图标】、【顶栏】、【侧边栏】。
具体功能介绍：
·【消息提示】有未读消息的时候(QQ、微信等)，悬浮图标会变成程序图标，提示有新消息，单击阅读。注意：需要打设置-辅助中开启悬浮菜单Pro服务才能生效。
·【快速启动程序】通过在菜单里面设置一些常用程序，可以在任何界面启动程序，不用返回桌面，并且有多种菜单可供选择。
·【模拟按键】可以模拟Home键，双击Home，返回键，菜单键以及锁屏等，模拟返回键和菜单键需要root权限。
·【程序快速切换】可以快速切换后台程序，免去很多切换动作。
·【简洁】你可以随时隐藏或显示悬浮菜单，隐藏后将看不见任何程序运行的痕迹，不会遮挡任何视线。
·【个性化】自定义皮肤以及上百种在线皮肤，想要什么皮肤随你定。
V3.2.7更新日志：
·bug fix：修复手机重启后，菜单顺序设置无效问题．
·优化：魅族手机上面，消息通知显示为圆形图标．
Screenshot_-00-18-26-236.png (98.38 KB, 下载次数: 6)
00:22 上传
Screenshot_-00-18-33-674.png (122.63 KB, 下载次数: 6)
00:22 上传
Screenshot_-00-19-03-478.png (105.61 KB, 下载次数: 6)
00:22 上传
Screenshot_-00-20-01-46.png (187.87 KB, 下载次数: 6)
00:22 上传
Screenshot_-00-20-26-481.png (3.45 MB, 下载次数: 6)
00:22 上传
Screenshot_-00-20-41-988.png (170.92 KB, 下载次数: 6)
00:22 上传
游客，如果您要查看本帖隐藏内容请
温馨提示：回复内容，请勿灌水（纯数字和字母,以及表情等等被视为灌水），发现给予警告，多次发现给予禁言处理！希望大家多多注意！
软件来自于互联网，版权归原作者所有。
发布者不承担使用过程中产生的其它后果。
侵犯了您的权利，请麻烦通知我及时删除，谢谢！！！
Lv4.初涉江湖
来自OPPO R7007手机
nnnmmkkkkbb
Lv5.逍遥游侠
来自OPPO R8207手机
看来了吗！
Lv5.逍遥游侠
来自OPPO Find 7手机
开玩笑我的旅进旅退xxoo
Lv2.布衣素履
&&支持一下
Lv5.逍遥游侠
来自OPPO Find 5手机
感谢分享，
理性回帖，杜绝灌水
就喜欢看你们看我不爽又干不掉的样子！
Lv4.初涉江湖
来自OPPO X9070手机
好的，谢谢
Lv5.逍遥游侠
来自OPPO Find 7手机
我就看看不说话
Lv3.拜师学艺
真的过瘾，很好呵呵
活跃且尽责职守的版主
签到854人立即签到
请选择手机品牌
OPPO Find系列
OPPO N系列
OPPO R系列
OPPO A系列
OPPO其他机型
请选择手机型号
OPPO手机正式版下载
论坛明星用户
ColorOS社区客户端下载还没有任何记录...
两级导航菜单树jquery插件特效
来源：jquery 特效作者：jquery 特效懒人建站日期： 10:49人气:次
两级导航菜单树jquery插件特效调用方法：$.jq51menu(#menubox,div.submenu); 这里的#menubox 是主菜单的ID，div.submenu是子菜单的ID。两级导航菜单树的样式很丑陋，懒人建站嘛，俺够懒，就懒得写好
两级菜单树特效调用方法：$.jq51menu(&#menubox&,&div.submenu&);& 这里的#menubox 是主菜单的ID，div.submenu是子菜单的ID。两级菜单树的样式很丑陋，嘛，俺够懒，就懒得写好看的界面了。还是劳你大驾自己动手设计下界面和css把。^_^^_^
jquery代码：
&script src=&/js/jquery/1.4.2/jquery.min.js& type=&text/javascript&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
&& &jQuery.jq51menu = function(menuboxid,submenu){
&& &&& &var menuboxli = $(menuboxid+& li&);
&& &&& &menuboxli.eq(0).find(submenu).show();
&& &&& &menuboxli.click( function () {
&& &&& &&& &$(this).addClass(&thismenu&).find(submenu).show().end().siblings(&li&).removeClass(&thismenu&).find(submenu).hide();
&& &&& &&& &
&& &&& &});
&& &$.jq51menu(&#menubox&,&div.submenu&);
html代码：
&div id=&menubox&&
&& &&& &&li&&a href=&/&&懒人建站&/a&
&&&&&& &&& &&div class=&submenu&&
&&&&&&&&&& &&& &&a href=&/js/nav/&&&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&& &/div&
&&&&&&& &/li&
&&&&&&& &li&&a href=&/js/slide/&&焦点幻灯片&/a&
&&&&&& &&& &&div class=&submenu&&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&& &/div&
&&&&&&& &/li&
&&&&&&& &li&&a href=&/js/gg/&&广告代码&/a&
&&&&&& &&& &&div class=&submenu&&
&&&&&&&&&& &&& &&a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&& &/div&
&&&&&&& &/li&
&&&&&&& &li&&a href=&/js/texiao/&&&/a&
&&&&&& &&& &&div class=&submenu&&
&&&&&&&&&& &&& &&a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&&&&&& &a href=&#&&二级子菜单&/a&
&&&&&&&&&&& &/div&
&&&&&&& &/li&
本文链接：/js/nav/655.html
两级导航菜单树jquery插件特效由懒人建站收集整理，您可以自由传播，请主动带上本文链接
就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。
两级导航菜单树jquery插件特效-相关文章
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
导航菜单-推荐
导航菜单-人气榜
懒人建站为您提供-基于jquery特效，jquery弹出层效果，导航菜单代码，下拉菜单代码和jquery焦点图片代码，懒人建站关注软件界面设计，WEB/后台/手机/软件UI设计、建站素材、html5和CSS3新技术等。使用jstree自定义下拉菜单树组件_-IT行业第一站
使用jstree自定义下拉菜单树组件
使用jstree自定义下拉菜单树组件
标题：使用jstree自定义下拉菜单树组件
开发背景：
& & & & 每次都很啰嗦，要先陈述一下开发背景。不过，这样做的目的一来是让自己能够快速回忆起自己的实战背景，二来是类似引子，能够阐述这样处理的实际用途，不仅仅是用于理论学习。
& & & & 今天记录下的是前几天开发的一个下拉框组件，该组件内容是一棵菜单树。本来系统开发的时候使用的是BUI，BUI本身也有下拉树组件。只是因为我们使用的BUI版本比较早，今年的版本和去年的在某些方面不兼容，如果一次性替换，会引起很多js报错。又因为近期使用过就是jstree，测试过几万条节点数据的加载性能，相比BUI，渲染速度有优秀很多（BUI并不能胜任这个数量级）。所以，干脆自己封装一个组件。具体要求，我总结了一下：
自定义下拉框，该下拉框内容为菜单树。下拉框操作规则同其他BUI下拉框组件，但是封装方式并非使用BUI封装方式，而是自定义封装。所以需要测试如下功能
①菜单树节点被选中，会将值显示在输入框，满足多选功能，用逗号分隔
②菜单树初始化会将存储的节点名称显示在输入框，并且菜单树相应节点会被触发选中
③提供清空功能，点击清空按钮，下拉框所有选中节点都会清空，并且输入框值也清空；清空按钮在菜单树被选中的情况下显示，在没有选中的情况下隐藏
④下拉框在单击输入框和下拉标签的情况下会显示出来，在单击下拉框区域外的所有位置都会自动收缩
⑤查询界面的下拉框的清空功能和“重置”按钮联动
实战结果：
& & & & 这里，有使用到很多封装细节，因为时间问题，初稿不做太多细节表述，重点在代码中有做注释。直接上代码：
首先前端html：
&%@ page language=&java& contentType=&text/ charset=UTF-8&
pageEncoding=&UTF-8&%& &%-- 显示输入框 --%& &div class=&rmp-span&&
&label class=&rmp-control-label&&部门归属&/label&
&div class=&rmp-control-text&&
&div id=&department& class=&bui-cncselectfilter bui-suggest bui-combox bui-select& aria-disabled=&false& tabindex=&0& hidefocus=&true& aria-pressed=&false&&
&input type=&text& class=&bui-select-input& /&&span class=&icon-delelte-input&&&i class=&icon-remove-sign-select&&&/i&&/span&&span class=&x-icon x-icon-normal&&&span class=&x-caret x-caret-down&&&/span&&/span&
&/div& &/div& &%-- 隐藏的存值输入框 --%& &input name=&qo.department& id=&rdepartment& type=&hidden&/& &%-- 隐藏的下拉框 --%& &div id='jstree_around' class=&hide&&
&div class=&apm-treeselect-header&&
&div class=&apm-treeselect-filter&&
&input id=&search_input& class=&filter&/&
&div id=&jstree_div&&&/div& &/div& &link rel=&stylesheet& href=&${uics}/jstree/themes/default/style.css& /& &script type=&text/javascript& src=&${uics}/jstree/jstree.js&&&/script& &script type=&text/javascript&&
// AJAX异步拉取数据
var treeData =
url : ctx + &/common/organization-tree.action&,
type : &post&, async: false,
success : function(data) {
treeData = data.
$(function(){
//树主体初始化
$('#jstree_div').jstree({
&core& : {
&multiple& : true, // 允许多选
'animation' : false,
'data' : treeData,
'expand_selected_onload' : true, //选中项蓝色底显示
'checkbox' : {
// 禁用级联选中
'three_state' : false,
'cascade' : 'undetermined' //有三个选项，up, down, 使用前需要先禁用three_state
'plugins' : ['checkbox', 'search']
//如果使用checkbox效率会降低, 'wholerow'会把线隐藏掉
//绑定到自定义的组件上
ApmJstreeUtil.bindJstree({
render : 'jstree_div',
showField : 'department',
saveField : 'rdepartment',
picker : 'jstree_around',
searchField : 'search_input',
width : 250,
height : 300
}) &/script&
js封装方式：
var ApmJstreeUtil = {
render-渲染id，saveFiled-存储的input id，showField-展示的input id，
* picker-下拉div的id
bindJstree : function(obj) { //输入对象
//初始化下拉隐藏域的弹出位置和宽高
var picker = $('#' + obj['picker']);
picker.addClass('apm-tree-picker');
picker.css('width', obj['width']);
picker.css('height', obj['height']);
var inputDiv = $('#' + obj['showField']);
var top = inputDiv.offset().top + inputDiv.outerHeight(); //获取偏移位置
var left = inputDiv.offset().
picker.css('top', top); //设置绝对位置
picker.css('left', left);
var treeObj = $('#' + obj['render']);
treeObj.css(&text-align&, &left&);
var deleteIcon = inputDiv.find(&i&); //通过find查找子元素
var inputShow = inputDiv.find(&input&);
var saveInput = $('#' + obj['saveField']);
//默认查询框，可以外部自定义，从而覆盖该触发方式
if (obj['searchField'] && $('#' + obj['searchField'])) {
var searchFieldObj = $('#' + obj['searchField']);
searchFieldObj.keyup(function() { //绑定按键事件，也可以绑定特定按键
clearTimeout(to);
to = setTimeout(function() {
var v = searchFieldObj.val();
treeObj.jstree(true).search(v);
//将选择值显示在输入input和隐藏input
treeObj.on(&changed.jstree&, function(e, data) {
if (data && data.selected.length & 0) {
$('#' + obj['saveField']).val(data.selected.join(&,&));
var i, j, r = [];
for(i = 0, j = data.selected. i & i++) {
r.push(data.instance.get_node(data.selected[i]).text);
deleteIcon.show();
inputShow.val(r.join(&,&));
deleteIcon.hide();
inputShow.val(&&);
saveInput.val(&&);
// 绑定load时间，初始化数据显示
treeObj.on(&loaded.jstree&, function(e, data) {
treeObj.jstree(&open_all&);
//展开全部
var saveValue = $('#' + obj['saveField']).val();
var checkNodeIds = saveValue.split(&,&);
if (!saveValue || !checkNodeIds || checkNodeIds.length === 0) {
deleteIcon.hide();
var r = [];
treeObj.find(&li&).each(function() {
for (var i = 0; i & checkNodeIds. i++) {
if ($(this).attr(&id&) == checkNodeIds[i]) { //如果节点的ID等于checkNodeIds[i]，表示要选中
r.push(data.instance.get_node(checkNodeIds[i]).text);
treeObj.jstree(&select_node&, $(this)); //选中的节点，不是check_node
//$(this).children(&a&).addClass(&jstree-clicked&);
deleteIcon.show();
inputShow.val(r.join(&,&));
//隐藏和展示绑定
inputDiv.on('click', function() {
picker.show();
$('body').click(function(evt) {
if ($(evt.target).parents('#' + obj['showField']).length == 0
&& $(evt.target).parents('#' + obj['picker']).length == 0 //判断鼠标点击的上层是否是#jstree_div
&& evt.target.id != obj['showField']
&& evt.target.id != obj['picker']
&& evt.target.className.indexOf(&jstree&) == -1) { //防止点击展开节点前面值为true
picker.hide();
//清空按钮
deleteIcon.on('click', function() {
ApmJstreeUtil.deselectJstree(obj);
deleteIcon.hide();
* 清楚被选中的项
* @param render-渲染id，saveFiled-存储的input id，showField-展示的input id，
* picker-下拉div的id
deselectJstree : function(obj) {
var treeObj = $('#' + obj['render']);
var saveField = $('#' + obj['saveField']);
var checkNodeIds = saveField.val().split(&,&);
if (!checkNodeIds || checkNodeIds.length === 0) {
treeObj.find(&li&).each(function() {
for (var i = 0; i & checkNodeIds. i++) {
if ($(this).attr(&id&) == checkNodeIds[i]) {
treeObj.jstree(&deselect_node&, $(this)); //取消选中的节点
saveInput.val(&&);
} };&strong& &/strong&
效果展示：
单击输入框，弹出下拉框，使用jstree生成的树 & & & & & & & & &选中数据后，会显示叉形删除标示，可以清空数据，包括清空隐藏域
& & & & & & & & & & &&
可以发现，前端html引用输入框和隐藏下拉框代码太长，不便他人二次使用。应该考虑进一步封装到ApmJstreeUtils中。
& & & & 这应该可以算是我第一次比较大的js封装实战。以前对于事件的绑定、DOM树的细节操作都不是很清楚，实战后对这些有了进一步的理解。js是个非常灵活的弱语言，开发方式非常多，从而对于初学者而言，有弊有利——弊是别人封装的很多代码不是那么好理解，除非一步步深究，还有就是很多细节用得不是很合理，（详见《JavaScript语言精粹》），容易留下鲁棒性不足的隐患；利，最明显的就是，不管你是不是菜鸟，了解一点js，都能搞点可以显摆给外行人看的交互界面。
延伸阅读：
热门搜索：
特色栏目：
类别推荐：Android手机自动化测试解决方案(Smart Robot)_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
&&¥1.00
喜欢此文档的还喜欢
Android手机自动化测试解决方案(Smart Robot)
在​手​机​领​域​,​自​动​化​测​试​意​义​虽​早​已​被​公​认​,​但​因​为​缺​少​有​效​工​具​和​解​决​方​案​,​无​法​有​效​实​现​手​机​自​动​化​测​试​。​
​
​ ​ ​ ​ ​作​为​研​发​管​理​工​具​及​自​动​化​解​决​方​案​提​供​商​,​东​舟​软​件​长​期​致​力​于​为​企​业​提​供​优​质​的​研​发​管​理​及​自​动​化​工​具​及​方​案​。​基​于​对​A​n​d​r​o​i​d​底​层​框​架​及​自​动​化​测​试​理​论​的​深​入​研​究​,​东​舟​软​件​推​出​了​A​n​d​r​o​i​d​手​机​自​动​化​测​试​解​决​方​案​及​自​动​化​测​试​系​列​软​件​S​m​a​r​t​ ​R​o​b​o​t​。
阅读已结束，如果下载本文需要使用
想免费下载本文？
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢随笔 - 12&
文章 - 34&
评论 - 65&
&&&&&&&&&&&
树形菜单是很常用的效果，常用在管理软件当中，但是一套树形菜单已经不能满足需求，所以如果能有一套比较全面的树形菜单JS特效代码，将会非常方便，下面懒人萱将超全的JS树形菜单共享出来，相信你一定用得上。一共包括八种，下面就一一介绍：
1、不同表现方式的JS树形菜单（如图所示）
2、复选框式的JS树形菜单（如图所示）左图为只可以选择单节点，右图为在选择子节点的同时选择父节点
3、可以重新排列节点并且具有拖放功能的js树形菜单（如图所示）
&4、带有提示框的js树形菜单（如图所示）
　　如果想打开或关闭某个节点，将会弹出一个警告框；如果选中或取消某个菜单前的复选框，也会有相应的文字提示。这个功能目前还没有想到会在什么情况下使用，但是可以先了解一下。
&5、将div菜单列表转换成树的js树形菜单（如图所示）
　　左图为div菜单列表，右图为转换后的树。
6、可以异步加载数据的js树形菜单
7、可以添加和删除菜单的js树形菜单（如图所示）
&&&& 包括添加子菜单和同级菜单两种。
8、展开关闭节点的js树形菜单（如图所示）
此JS树形菜单已做过测试，可以兼容现在的所有主流浏览器，所以你可以放心使用这个JS树形菜单。里边的功能很多，可能大家暂时不会都用到，但是说不定以后会用到呢，所以要好好收藏哦！所有的JS树形菜单源文件下载地址：http://www.po-soft懒人萱.com/blog/xuan/392.html 　　去掉懒人萱就可以了。里面有以上全部的实例源代码，还有很详细的功能描述及参数设置，不过都是英文的，本人英语很差大家还是自己翻译吧，呵呵！推荐文章：
阅读(...) 评论()}