您现在的位置是:首页 > 网站建设网站建设
js中前后内容比较实现高亮怎么做的啊
江湖快报网2023-01-14 12:44:00【网站建设】人已围观
简介给相应的每个元素加个事件,比如onmouseover事件,
调用一个函数,让相同的两个部分显示相同的背景颜色就可以了。
当前链接高亮代码首页也一起亮,代码那有出错,求大神解决。。
你
给相应的每个元素加个事件,比如onmouseover事件,
调用一个函数,让相同的两个部分显示相同的背景颜色就可以了。
当前链接高亮代码首页也一起亮,代码那有出错,求大神解决。。
你这个是PHPCMS的当前栏目高亮,cms可以这么写:给循环的li加判断 不用js都可以。
<div class=nav>
<ul class=menu id=menu>
<li {if !$catid} class='cur' {/if}><a href={siteurl($siteid)} >首页</a></li>
{loop $data $v}
<li {if $catid=$r['catid]} class='cur' {/if}><a href={$v[url]}>{$v[catname]}</a></li>
{/loop}
</ul>
</div>
js怎样跳页面后导航二级菜单还是是高亮状态
实现这个效果需要CSS的配合,关键是用JS为当前点击对象添加高亮的样式,并移除其他对象的高亮样式。举例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title>Document</title>
<style>
#nav li {float: left; width: 80px; text-align: center; list-style-type: none;}
.nav-active {background: #369;}
.nav-active a {color: #fff;}
</style>
</head>
<body>
<ul id=nav>
<li class=nav-active><a href=javascript:;>首页</a></li>
<li><a href=javascript:;>导航一</a></li>
<li><a href=javascript:;>导航二</a></li>
<li><a href=javascript:;>导航三</a></li>
<li><a href=javascript:;>导航四</a></li>
</ul>
<script src=
<script>
$('#nav').find('li').click(function() {
// 为当前点击的导航加上高亮,其余的移除高亮
$(this).addClass('nav-active').siblings('li').removeClass('nav-active');
});
</script>
</body>
</html>
很赞哦! ()
下一篇:返回列表
相关文章
随机图文
-
想给学校建立个网站,用什么域名好!
现在一般都用com的。。你注册学校的域名应该要跟你学校名称相符合 要简短好记的那种。。 有什么不懂可以资讯我-----康辉互联 (提供域名注册 网站建设) 给些班级网 -
企业网站建设设计制作有哪些流程步骤?
企业网站制作的主要步骤先定位网站的发展模式、确定网站的类型,然后设计师设计版面、初步修改完善、技术开发模板、测试上线,后期还有合理的运营维护。 1.网站设计 了解客 -
网上商城的建立方案
随着网络的进一步普及和电子商务的高速发展,越来越多的人们开始在网络中寻求方便。网上网物具备了省时、省事、省心、高效等特点,从而受到越来越多人的欢迎。 在网络消费越来 -
长春网站推广哪家公司好?
长春纲易传媒有限公司是一家以计算机网络服务为核心业务的科技公司,面向企业、组织及个人提供包括品牌建设网站 域名注册 主机租用 网站备用 网上商城 网络推广 seo优化 谷歌