javascript按钮的三级联动
首先非常感谢网友宁静致远的无私分享,这是一款他刚整理出来的简单实用的导航菜单,第一时间与大家分享,用原生javascript实现的,没有用jquery库,利用js面向对象的特性封装了成一个导航菜单的功能,只有两个funciton,一个是c,另一个是cmenu,具体的大家查看作品吧。。。
大家请注意:只看作品功能哦,不要被内容吸引啊。。。。
功能代码如下:
01
var $ksjs = {
02
c: function(c) {
03
var head = document.getElementById("header").getElementsByTagName("ul");
04
for (var i = 0; i < head.length; i++) {
05
head.item(i).style.display = "none";
06
}
07
document.getElementById("m" + d).style.display = "block";
08
},
09
cmenu: function(id) {
10
var m = document.getElementById("m" + id);
11
var mh = m.innerHTML.toLowerCase();
12
var head = document.getElementById("header").getElementsByTagName("ul");
13
for (var i = 0; i < head.length; i++) {
14
head.item(i).style.display = "none";
15
}
16
if (mh.indexOf("<li>") > 0) {
17
m.style.display = "inline";
18
} else {
19
document.getElementById("m0").style.display = "inline"
20
}
21
}
22
}
转载于:https://blog.51cto.com/11084576/1733681
javascript按钮的三级联动相关推荐
- JavaScript实现省市区三级联动
JavaScript实现省市区三级联动 之前的文章中我们说到过如何利用JavaScript实现二级联动,这次我们来说说如何利用JavaScript实现三级联动.效果如图: HTML代码: 请选择省份: ...
- JavaScript 省市县三级联动
JavaScript 省市县三级联动 2010-03-16 效果演示 省市联动出生地:--请选择省份-- 北京市天津市河北省 山西省内蒙古自治区辽宁省 吉林省黑龙江省上海市 江苏省浙江省安徽省 福建省 ...
- html地区选择js,JavaScript实现省市区三级联动
JavaScript实现省市区三级联动 之前的文章中我们说到过如何利用JavaScript实现二级联动,这次我们来说说如何利用JavaScript实现三级联动.效果如图: HTML代码:请选择省份:请 ...
- JavaScript省市县三级联动-含源代码
目录 一.省市县三级联动 1.实现思路 2.实现步骤 二.源代码管理 1.HTML显示页面 2.JavaScript核心代码 3.省市县三级地址 一.省市县三级联动 1.实现思路 1.创建省市县三级地 ...
- javascript表单三级联动
页面结构 <form action=""><select name="" id="provice"></sel ...
- Jquery之全国省市区三级联动(无需访问服务器)
最终效果图 样式修改css select {font-size: 12px;padding: 4px;white-space: normal; vertical-align: top; outline ...
- 用JavaScript实现动态省市县三级联动
像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: <!DOCTYPE ht ...
- JavaScript巧用对象的引用解决三级联动
在开发过程中,我们经常会有操作需要进行三级联动操作,比较典型的如:省市区的选择,菜单栏的选择等.当我们遇到这个问题的时候,为了便于开发,我们都是通常使用第三方的插件来实现数据的联动效果.这时候按照联动 ...
- 简单的一个用javascript做的'省市区'三级联动效果
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition ...
最新文章
- 孙剑亲自撰文:我在 Face++ 的这半年
- 一种新的url定向技术-使用@与/?
- ios 导航栏(自己定义和使用系统方式)
- 分布式事务与一致性算法Paxos amp; raft amp; zab
- ADOQuery 查询 删除 修改 插入
- JavaWeb项目架构之NFS文件服务器
- LeetCode-151 Reverse Worlds in a String
- unity直播推流方式_【技术猩球】从方案架构分析秀场直播的四种实现方式
- 06-4.部署高可用 kube-scheduler 集群
- python从入门到精通pdf-跟老齐学Python:从入门到精通 完整版PDF[7MB]
- FileStream构造函数
- H264的编码负担约是解码的5-10倍
- oracle中锁表语句,oracle查询锁表解锁语句
- COLMAP简明教程 重建 转化深度图 导出相机参数 导入相机参数 命令行
- excel自动求和_excel自动求和你会吗?更改姓名自动算出总分,三个函数轻松搞定...
- JAVA面试题100道
- 001] 智能手机操作系统介绍
- 使用 Box2D 做一个 JansenWalker 机器人
- 操作系统实验报告(三)内存管理
- 正态分布随机数是什么
热门文章
- 李开复解密微软成功之道 盖茨鲍尔默好搭档(zz)
- 炒股心得(每日更新)
- 银行c语言编程,c语言编程银行利率问题
- 私有化部署 给数据安全加把“锁”!
- 「什么是REITs基金」一文说清楚REITs基金简介 如何配置REITs产品
- 装系统遇到的一些问题reboot and select proper boot device
- C程序设计书本例题 求两整数之间最大值
- docx4j word to html,使用Docx4J生成 html
- UVM中导入uvm_pkg库的作用(import uvm_pkg::*)
- 判断H5页面环境在微信中还是小程序中