js二级导航之获取多行元素中的内容并改变

最新推荐文章于 2022-12-25 19:26:32 发布
最新推荐文章于 2022-12-25 19:26:32 发布
阅读量62 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50935193/article/details/120400917
版权

这里是仿b站的搜索框

  给zonghe_2里面的元素加自定义属性，得到索引号

 

 

这里是完整的js

 还有一些需要改进

不能点击页面其他地方时，隐藏zonghe_2

多次点击zonghe_p里面的元素，就会

而且不能替换并排序原来的顺序

这里是例图：

呐z。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现二级导航
weixin_38269675的博客
03-29 2673
贴下效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- 导航栏 --> <style> .page{ width: 960px; ...
js二级导航
weixin_30312659的博客
01-16 86
js写二级导航要点 1.ul li 2.js获取元素 3.setInterval(function(),time); 代码如下 1 <style type="text/css"> 2 ul,li,body{margin:0;padding: 0;} 3 #nav{width: 500px;margin: 10px auto;} 4 ul li{lis...
js实现二级导航功能
12-11
效果图： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> a{text-decoration: none;} *{margin: 0;padding: 0;box-sizing: border-box;font-family: "微软雅黑";} li{list-style-type: none;} .box{width: 220px;height: 477px;margin-top: 110px;margin-left
js二级导航菜单
10-23
js二级导航菜单
JavaScript网页特效范例宝典源码
09-04
实例047 二级导航菜单 74 实例048 半透明背景的下拉菜单 76 实例049 展开式导航条 80 实例050 用层制作下拉菜单1 81 实例051 用层制作下拉菜单2 84 1.10 侧导航条设计 86 实例052 自动隐藏式菜单 87 实例053 收缩式...
程序天下:JavaScript实例自学手册
07-08
14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...
JS滑动式二级导航菜单
05-24
滑动式二级导航菜单，非常实用。而且绝对清爽
JS实现黑色大气的二级导航菜单效果
11-24
本文实例讲述了JS实现黑色大气的二级导航菜单效果。分享给大家供大家参考。具体如下： 这是一款自己做的不错的二级导航菜单，黑色风格，是根据仿淘宝支付宝菜单而做的，自我感觉还算行吧。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-black-style-2l-nav-menu-codes/ 具体代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
JS二级菜单demo
10-25
Javascript 简单二级菜单demo
JS事件笔记：二级导航
weixin_46410264的博客
03-25 457
完成的一次作业 效果图 JavaScript写二级导航 在JavaScript文件中对相应标签添加鼠标事件：鼠标进入和鼠标离开（mouseenter, mouseleave） { let nav = document.getElementById("nav"); //读取页面id为nav的标签 let navLi= nav.children; //读取nav的所有子标签 ...
JavaScript写横向二级导航
weixin_46430385的博客
04-04 429
HTML： 首先引入公共样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="public.css"> &...
练手小案例：用js实现二级导航
hu_666666的博客
12-25 1342
一分钟学会使用HTML5+CSS3+JS实现二级导航效果，绝对的干货满满！
原生js实现二级导航功能
weixin_30496751的博客
11-07 526
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原生js制作二级菜单</title> <style> *{ margin:0; ...
关于js实现二级导航栏的总结
蓝猫爱睡觉
02-23 2688
标题 关于js实现二级导航栏的总结 此篇为个人实现后的个人总结 1.所谓二级导航栏，就是在ul li 标签中嵌套一个ul li标签 但是THML+CSS实现不了导航的隐藏与显示，因此要靠js来实现 当我点击的时候，二级导航才显示出来，当我点击另一个的时候，隐藏其他的，再把当前我点击的显示出来 因此用JavaScript中的onclick属性放在第一级的li标签中 然后通过js获取下一级ul的 id...
浅谈原生JS实现二级导航（优缺点与局限性）
骆小胖~
01-15 704
gt; &lt;style type="text/css"&gt; *{ margin: 0; padding: 0; } li{ list-style: none; } a{ text-decoration: none; } .nav{ width: 80%; height: 40px; line-height: 40px; margin: auto; }
jQuery 根据id获取元素，并改变元素内容
最新发布
06-07
// 获取id为example的元素 var element = $('#example'); // 修改元素的内容 element.html('新的内容'); ``` 其中，`$` 表示 jQuery 函数，`#example` 表示获取 `id` 为 `example` 的元素，`html()` 是 jQuery ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值