要为WordPress网站添加导航悬停特效,可以使用jQuery或CSS来实现。下面是一个使用CSS的示例代码:
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: #e7e7e7;
}
这将为导航栏添加一个背景色,并在鼠标悬停或点击时变为灰色。您可以根据需要调整颜色和其他样式。
如果您想要自定义鼠标悬停特效,可以使用jQuery来实现。下面是一个使用jQuery的示例代码:
从jQuery的官方网站http://jquery.com/download/下载jQuery库并将其添加到您的WordPress主题中。
在WordPress主题的footer.php文件中添加以下代码:
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".navbar-nav > li > a").hover(function() {
$(this).css("background-color", "#e7e7e7");
}, function() {
$(this).css("background-color", "");
});
});
</script>
这将为导航栏添加一个背景色,并在鼠标悬停或点击时变为灰色。您可以根据需要调整颜色和其他样式。
这是一个基本的例子,您可以使用更高级的技术和插件来创建更复杂的导航栏悬停特效。