如何给动态给导航菜单中的li标记引用class

如何给动态给导航菜单中的li标记引用class,第1张

js实现的,你将这段放入进去试试(放到ul前后都行) 我然后鼠标移到菜单上看看,

<style type="text/css">

.red{background:red}

</style>

<script type="text/javascript" >

window.onload = function (){

document.getElementById("menu").onmouseover = function (){

this.className="red"

}

document.getElementById("menu").onmouseout = function (){

this.className=""

}

}

</script>

$(function() {

$("li").click(function() {

$(this).addClass("current")

})

})

你应该是想实现风琴菜单或者类似效果的吧?推荐使用jquery(轻量级的js封装组件)很方便的实现了风琴菜单。一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件,一级li和二级li区别对待。你没说清楚哪里不明白,我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。你可以if this.onclick 那么this.parentNode.class就改为什么什么。你试试


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7989348.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存