Shulou(Shulou.com)06/01 Report--

This article will explain in detail how to set the title corresponding to the visit page to be highlighted, and the content of the article is of high quality, so the editor will share it with you for reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

1 HTML

Click (here) to collapse or open

Dynamic

Popular

Fans

{block user_content} {end}

2 js

$(function () {)

$(window) .on ("load hashchange", function () {

$("# menu-list") .find ('a') .each (function () {

Var url = _ window.location.protocol +'/ /'+ _ window.location.hostname +':'+ location.port

If (url + $(this) .attr ('href') = = String_ (window.location)) {

$(this) .addClass ("active")

}

});

});

});

3 css

. trigger-menu li a {

Font-size: 15px

Font-weight: bold

Color: # a3a3a3

}

. trigger-menu li a:hover {

Box-shadow: 0 2px # 3d3d3d

Color: # a6a6a6

}

. trigger-menu .active {

Box-shadow: 0 2px # 3d3d3d

Color: # 3d3d3d

}

On how to set the title highlighting corresponding to the access page to share here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.