For example, if you click on the shopping page on the home page, how does the navigation at the bottom of the public transfer?

  node.js, question

I want to use the front-end method to achieve the common bottom navigation of the current background and icon effect.

图片描述
The current home page, such as the user clicking on the shopping cart, has a white background and a red icon.
I know of three specific front-end methods.
1: implemented with cookie js
2: Implemented with Locator #
3. Implementation with html5 web Storage

图片描述

<!  -fix the personal center below->
 <div class="fixed">
 <ul>
 <li class="">
 <a href="">
 <i class="ico-b-house"></i>
 <!  --<i class="ico-house"></i>-->
 < span class="block "> home page < /span >
 </a>
 </li>
 <li class="is-check"> <!  --active default background red->
 <a href="">
 <i class="ico-h-buy"></i> <!  --active status->
 <!  --<i class="ico-buy"></i>-->
 < span class="block "> shopping cart < /span >
 </a>
 </li>
 <li>
 <a href="">
 <!  --<i class="ico-h-order"></i>-->  <!  --active status->
 <i class="ico-order"></i>
 < span class="block "> order center < /span >
 </a>
 </li>
 <li>
 <a href="">
 <!  --<i class="ico-h-person"></i>-->  <!  --active status->
 <i class="ico-person"></i>
 < span class="block "> personal center < /span >
 </a>
 </li>
 </ul>
 </div>

I don’t know how to write code,
My thinking is stuck.

Just use js, one code and you will understandonclick=change(this,1)