网页中那些遇到过的导航选中状态actived selected

1.页面不刷新时：

（jquery）

$('.nav li').click(function () {alert("111");  $(this).addClass('actived').siblings().removeClass('actived');
});

<div class="nav"><ul><li class="actived"><a href="#"><img src="data:images/icon1.png"/><br />分类1</a></li><li><a href="#"><img src="data:images/icon2.png"/><br />分类2</a></li><li><a href="#"><img src="data:images/icon3.png"/><br />分类3</a></li><li><a href="#"><img src="data:images/icon4.png"/><br />分类4</a></li><li><a href="#"><img src="data:images/icon5.png"/><br />分类5</a></li></ul>
</div>

2.页面刷新时：

（.net）

public string iurl;
iurl= Request.Url.ToString();

判断网址是否包括当前网址，如果包含设置class为actived

<div class="foot"><ul><li class="<%=iurl.Contains("index")?"actived":"" %>""><a href="index.aspx"><img src="data:images/icon1.png"/><br />首页</a></li><li class="<%=iurl.Contains("come")?"actived":"" %>"><a href="come.aspx"><img src="data:images/icon2.png"/><br />我们</a></li><li class="<%=iurl.Contains("news")?"actived":"" %>"><a href="news.aspx"><img src="data:images/icon3.png"/><br />新闻</a></li><li class="<%=iurl.Contains("join")?"actived":"" %>"><a href="join.aspx"><img src="data:images/icon4.png"/><br />入会</a></li><li class="<%=iurl.Contains("contact")?"actived":"" %>"><a href="contact.aspx"><img src="data:images/icon5.png"/><br />联系</a></li></ul>
</div>

网页中那些遇到过的导航选中状态actived selected相关推荐

关于微信小程序中获取单个checkbox是否被选中状态的值
1.单个CheckBox的使用一般用于做类似于记住密码功能的单个复选框需要获取是否选中时 wxml部分 //wxml <checkbox-group bindchange="nimi ...
vue实现网页中滚动鼠标时改变导航栏背景颜色
1.HTML <div id="topBannerNav" :style="topBannerNavBg">导航栏部分 </div> 2 ...
关于网页中的文本选择以及统计选中文本长度
大家好,我是半夏
vue判断input框中的checkbox(单选)是否为选中状态
开发购物车项目中需要判断商品是否选中或者取消.开始使用的是Vant-ui中的 van-checkbox 组件,因为van-checkbox无法获取v-model中的状态值后来就直接使用input写了 ...
Echarts 自动切换选中状态
在很多大屏展示的页面中,需要统计图表自动切换选中状态.Echarts提供的 dispatchAction 方法就可以满足这个需求. 本文针对饼图的自动切换做个记录,以作备忘. 实现效果使用模拟数据表 ...
element中select默认选中第一个_探索在网页中使用“标注”
github地址:https://github.com/1314mxc/yunUI ,欢迎star! 说起"标注",在HTML5之前,你可能想起的是各种浏览器插件,emmmmmmm ...
解决网页中文字无法选中的问题
解决网页中文字无法选中的问题谷歌浏览器打开目标界面,按下F12 在Console命令行中输入以下代码: var eles = document.getElementsByTagName('*'); ...
如何在网页中屏蔽右键
众所周知,要保护一个页面,最基础的就是要屏蔽右键.而现在网页上用得最多的是function click(),即下面这段代码: 〈script〉 function click(){ if(event.b ...
《Dreamweaver CS6 完全自学教程》笔记第五章：网页中的图像编辑
文章目录第五章:网页中的图像编辑 5.1 图像占位符 5.1.1 插入图像占位符 5.1.2 将图像占位符替换为图像技术专题:预览网页时不显示图像的问题 5.2 交互式图像实战:创建网页导航条 ...
Delphi访问网页中的下拉菜单
Delphi通过TWebBrowser浏览网页,然后访问该网页中的下拉菜单: uses MsHtml; procedure TForm1.Button1Click(Sender: TObject); ...

网页中那些遇到过的导航选中状态actived selected

网页中那些遇到过的导航选中状态actived selected相关推荐

最新文章

热门文章