导航菜单html代码：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<ul id="nav">
<li><a href="https://jy.tp.yuanmeng.life/">首页</a></li>
<li><a href="https://jy.tp.yuanmeng.life/js">jQuery特效</a></li>
<li><a href="https://jy.tp.yuanmeng.life/php">PHP</a></li>
<li><a href="https://jy.tp.yuanmeng.life/templates">网站模板</a></li>
</ul>引入jquery插件和animate背景图片插件animate-bg.js
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/animate-bg.js" type="text/javascript"></script>导航菜单a标签悬浮和离开触发事件
$(function() {
$("ul#nav li a").addClass("js");
$("ul#nav li a").hover(
function() {
$(this).stop(true, true).animate({backgroundPosition: "(0 0)"}, 200);
$(this).animate({backgroundPosition: "(0 -5px)"}, 150);
},
function() {
$(this).animate({backgroundPosition: "(0 -149px)"}, 200);
}
);
});*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
