一、代码部署

复制下面的代码放到：后台→外观→主题选项→定制风格→自定义样式

二、代码如下：

/* 导航菜单鼠标划过两种颜色变幻效果 */
#site-nav .down-menu>li>a:hover{height:88px;border-bottom:88px solid    #b485e2}#site-nav .down-menu a{height:88px;line-height:88px;border-bottom:0 solid   #b485e2;transition-duration:.6s}

三、效果展示：

鼠标划过本站导航菜单即可预览。