导航栏鼠标点击背景跟随代码分享
的有关信息介绍如下:网站已经非常普及,如何把我们的网站做的更加人性化,显得尤为重要,下面小编就给大家分享导航栏鼠标点击背景跟随代码。
首先需要写好一个导航条,然后写好初始背景,如下图:
然后需要写出鼠标悬浮代码,鼠标滑动到第二个栏目,背景跟谁到第二个栏目,如下图:
当鼠标点击第二个栏目之后,背景调转到第二个栏目,显示选中状态。如下图:
当鼠标点击第三个栏目之后,背景调转到第三个栏目,显示选中状态。如下图:
当鼠标点击第四个栏目之后,背景调转到第四个栏目,显示选中状态。如下图:
当鼠标点击第五个栏目之后,背景调转到第五个栏目,显示选中状态。如下图:
具体的JS代码如下: