新闻资讯

新闻资讯 产品更新

DIV+CSS+JS实现当前页面选中

编辑:007     时间:2015-08-14

一个网站中,当访问者点击了某个栏目以后这个相应的栏目就变换一下自身的样式,会看起来与众不同,这样的话能够非常高的提高用户体验度,可以让用户在你的网站多停留那么些时间

最近发现一个新的利用js申明的方法来实现的 以下就是思路和具体的实现步骤。

 1、先定义好一个CSS样式 例如:.navon{color:#ff0000;} /* 定义颜色为红色 */

 2、给导航链接每一个不同的栏目定义不同的ID


       

  • id="nav1">网站首页 

  •   

  •  id="nav2">关于我们 
  •   


      

  •  id="nav3">新闻列表 

  •   

  • id="nav4">产品展示 

  •   

  • id="nav5">联系我们 



3、在各自对应的栏目加上对应的JS代码 例如:

网站首页页面head之间加入



联系我们head之间加入




其他的以此类推...

实现的效果如图:
多用户商城系统开发


郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

回复列表

相关推荐