导航菜单ul li代码
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<ul id="ul_menus">
<li class="green">
<p><a href="https://jy.tp.yuanmeng.life/js">Home</a></p>
<p class="subtext">The front page</p>
</li>
<li class="yellow">
<p><a href="https://jy.tp.yuanmeng.life/js">About</a></p>
<p class="subtext">More info</p>
</li>
<li class="red">
<p><a href="https://jy.tp.yuanmeng.life/js">Contact</a></p>
<p class="subtext">Get in touch</p>
</li>
</ul>引入菜单样式,jQuery库和动画插件jquery.easing.1.3.js
<link rel="stylesheet" href="animated-menu.css"/>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>$(function() {
$("#ul_menus").children("li").hover(function() {
$(this).stop().animate({height: '150px'}, {queue: false, duration: 600, easing: 'easeOutBounce'})
}, function() {
$(this).stop().animate({height: '50px'}, {queue: false, duration: 600, easing: 'easeOutBounce'})
});
});*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
