首先非常感谢网友宁静致远的无私分享,这是一款他刚整理出来的简单实用的导航菜单,第一时间与大家分享,用原生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按钮的三级联动相关推荐

  1. JavaScript实现省市区三级联动

    JavaScript实现省市区三级联动 之前的文章中我们说到过如何利用JavaScript实现二级联动,这次我们来说说如何利用JavaScript实现三级联动.效果如图: HTML代码: 请选择省份: ...

  2. JavaScript 省市县三级联动

    JavaScript 省市县三级联动 2010-03-16 效果演示 省市联动出生地:--请选择省份-- 北京市天津市河北省 山西省内蒙古自治区辽宁省 吉林省黑龙江省上海市 江苏省浙江省安徽省 福建省 ...

  3. html地区选择js,JavaScript实现省市区三级联动

    JavaScript实现省市区三级联动 之前的文章中我们说到过如何利用JavaScript实现二级联动,这次我们来说说如何利用JavaScript实现三级联动.效果如图: HTML代码:请选择省份:请 ...

  4. JavaScript省市县三级联动-含源代码

    目录 一.省市县三级联动 1.实现思路 2.实现步骤 二.源代码管理 1.HTML显示页面 2.JavaScript核心代码 3.省市县三级地址 一.省市县三级联动 1.实现思路 1.创建省市县三级地 ...

  5. javascript表单三级联动

    页面结构 <form action=""><select name="" id="provice"></sel ...

  6. Jquery之全国省市区三级联动(无需访问服务器)

    最终效果图 样式修改css select {font-size: 12px;padding: 4px;white-space: normal; vertical-align: top; outline ...

  7. 用JavaScript实现动态省市县三级联动

    像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: <!DOCTYPE ht ...

  8. JavaScript巧用对象的引用解决三级联动

    在开发过程中,我们经常会有操作需要进行三级联动操作,比较典型的如:省市区的选择,菜单栏的选择等.当我们遇到这个问题的时候,为了便于开发,我们都是通常使用第三方的插件来实现数据的联动效果.这时候按照联动 ...

  9. 简单的一个用javascript做的'省市区'三级联动效果

    2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition ...

最新文章

  1. 孙剑亲自撰文:我在 Face++ 的这半年
  2. 一种新的url定向技术-使用@与/?
  3. ios 导航栏(自己定义和使用系统方式)
  4. 分布式事务与一致性算法Paxos amp; raft amp; zab
  5. ADOQuery 查询 删除 修改 插入
  6. JavaWeb项目架构之NFS文件服务器
  7. LeetCode-151 Reverse Worlds in a String
  8. unity直播推流方式_【技术猩球】从方案架构分析秀场直播的四种实现方式
  9. 06-4.部署高可用 kube-scheduler 集群
  10. python从入门到精通pdf-跟老齐学Python:从入门到精通 完整版PDF[7MB]
  11. FileStream构造函数
  12. H264的编码负担约是解码的5-10倍
  13. oracle中锁表语句,oracle查询锁表解锁语句
  14. COLMAP简明教程 重建 转化深度图 导出相机参数 导入相机参数 命令行
  15. excel自动求和_excel自动求和你会吗?更改姓名自动算出总分,三个函数轻松搞定...
  16. JAVA面试题100道
  17. 001] 智能手机操作系统介绍
  18. 使用 Box2D 做一个 JansenWalker 机器人
  19. 操作系统实验报告(三)内存管理
  20. 正态分布随机数是什么

热门文章

  1. 李开复解密微软成功之道 盖茨鲍尔默好搭档(zz)
  2. 炒股心得(每日更新)
  3. 银行c语言编程,c语言编程银行利率问题
  4. 私有化部署 给数据安全加把“锁”!
  5. 「什么是REITs基金」一文说清楚REITs基金简介 如何配置REITs产品
  6. 装系统遇到的一些问题reboot and select proper boot device
  7. C程序设计书本例题 求两整数之间最大值
  8. docx4j word to html,使用Docx4J生成 html
  9. UVM中导入uvm_pkg库的作用(import uvm_pkg::*)
  10. 判断H5页面环境在微信中还是小程序中