jQuery电商网站左侧商品分类导航菜单代码
jQuery电商网站左侧商品分类导航菜单代码,一款购物商城常用的网站左侧导航悬停显示更多分类、热门分类和商家品牌logo布局样式
- js代码
- <script type="text/javascript">
- $(function() {
- var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height()
- //左侧导航动画
- $('.sec-mainNav li').on('mouseenter', function() {
- var $height = $(this).offset().top + $(this).find('.menu-panel').outerHeight();
- $(this).find('.menu-panel').show();
- if($height - $top >= 0) {
- $(this).find('.menu-panel').css({
- top: -($height - $top) + 'px'
- })
- }
- });
- $('.sec-mainNav li').on('mouseleave', function() {
- $(this).find('.menu-panel').hide();
- });
- });
- </script>
复制代码
jQuery电商网站左侧商品分类导航菜单代码.zip
(58.37 KB, 下载次数: 364)
|
|