![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use(['jquery', 'element', 'carousel'], function(){
var $ = layui.jquery
,element = layui.element
,carousel = layui.carousel
//滚动监听
$(window).scroll(function() {
var scr=$(document).scrollTop();
scr > 0 ? $(".nav").addClass('scroll') : $(".nav").removeClass('scroll');
});
//导航切换
var btn = $('.nav').find('.nav-list').children('button')
,spa = btn.children('span')
,ul = $('.nav').find('.nav-list').children('.layui-nav');
btn.on('click', function(){
if(!$(spa[0]).hasClass('spa1')){
spa[0].className = 'spa1';
spa[1].style.display = 'none';
spa[2].className = 'spa3';
$('.nav')[0].style.height = 90 + ul[0].offsetHeight + 'px';
}else{
spa[0].className = '';
spa[1].style.display = 'block';
spa[2].className = '';
$('.nav')[0].style.height = 80 + 'px';
}
});
});
</script>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
