【好好学习】循环练习-随机生成三级菜单
来源:互联网 发布:耽美网络电视剧百度云 编辑:程序博客网 时间:2024/06/11 19:22
(function(){
for (var i=0;i<10;i++) {
//生成10个m1
$('.menu').append('<div class="m m1"></div>');
//取个随机数,然后在m1后面加m2,m2的个数随机
var aa
aa = Math.floor(Math.random() *10);
for (var j=0;j<aa;j++){
$('.m1').append('<div class="n m2"></div>');
//取个随机数,然后在m2后面加m3,m3的个数随机
var bb
bb = Math.floor(Math.random() *10);
for (var k=0;k<bb;k++){
$('.m2').append('<div class="m3"></div>');
};
//加完m3之后移除已经加过m3的m2的class name
$('.m2').removeClass('m2');
};
//加完m2之后移除已经加过m2的m1的class name
$('.m1').removeClass('m1');
};
$('.menu').click(function(){
$(this).children('.m').toggle();
});
$('.m').click(function(){
$(this).siblings('.m').children('.n').hide();
$(this).children('.n').show();
event.stopPropagation();
});
$('.n').click(function(){
$(this).siblings('.n').children('.m3').hide();
$(this).children('.m3').show();
event.stopPropagation();
});
for (var i=0;i<10;i++) {
//生成10个m1
$('.menu').append('<div class="m m1"></div>');
//取个随机数,然后在m1后面加m2,m2的个数随机
var aa
aa = Math.floor(Math.random() *10);
for (var j=0;j<aa;j++){
$('.m1').append('<div class="n m2"></div>');
//取个随机数,然后在m2后面加m3,m3的个数随机
var bb
bb = Math.floor(Math.random() *10);
for (var k=0;k<bb;k++){
$('.m2').append('<div class="m3"></div>');
};
//加完m3之后移除已经加过m3的m2的class name
$('.m2').removeClass('m2');
};
//加完m2之后移除已经加过m2的m1的class name
$('.m1').removeClass('m1');
};
$('.menu').click(function(){
$(this).children('.m').toggle();
});
$('.m').click(function(){
$(this).siblings('.m').children('.n').hide();
$(this).children('.n').show();
event.stopPropagation();
});
$('.n').click(function(){
$(this).siblings('.n').children('.m3').hide();
$(this).children('.m3').show();
event.stopPropagation();
});
0 0
- 【好好学习】循环练习-随机生成三级菜单
- Python练习之三级菜单
- JS自动生成三级级联菜单
- 三级菜单
- 三级菜单
- 三级菜单
- 三级菜单
- 三级菜单
- 三级菜单
- 三级菜单
- 三级菜单
- 三级菜单
- 三级菜单
- php生成随机密码的练习记录
- 仿QQ菜单----三级菜单
- 三级联动菜单
- 关联菜单.三级
- JS 三级联动菜单
- 什么是FIR系统,IIR系统?有什么区别?
- 安卓应用使用QQ登录的申请流程
- 求关键路径
- (同事分享) android高性能编程中需要注意的问题
- 面向对象概述
- 【好好学习】循环练习-随机生成三级菜单
- shell去重
- CMFCTOOLBAR添加组合框
- 数据、类型常规操作
- Ubuntu上改变openjdk版本
- 深入理解Javascript闭包概念
- cocos2dx 3.0学习笔记(一):Win32下-cocos2dx-3.0环境配置和创建项目
- android中ListView详解
- 朗朗上口的两幅对联