/* //菜单 作者:沈顺和 qq:275522539 html 代码结构: css 样式代码结构: .meun {display: block;float:left;margin:22px 0; width:810px;height:52px;z-index:9999;} .meun li {float:left;height:52px; line-height:52px; font-size:16px;} .meun li a {display: block;padding:0 15px; line-height:52px;height:52px;text-align:center;} .meun li a:hover,.meun li a.active {background-color:#01775f;color:#f2f4f3;} .meun li ul{display: block;width:160px; position: absolute;visibility: hidden;z-index:99;} .meun li ul li{float: none;display: block;} .meun li ul li a{display: block; background-color:#01775f;color:#f2f4f3;} .meun li ul li a:hover{background-color:#33917f;color:#f2f4f3;} */ $(document).ready(function () { $('#ddweixin').hover(function (a) { var $a = $(this); var left = $a.offset().left; $('#ddweixinimg').css({ 'left': left-30 }).show(); }, function () { $('#ddweixinimg').hide(); }); }); //菜单 作者:沈顺和 qq:275522539 var menuconfig = { //延时关闭时间 _timeout: 500, _closetimer: 0, _ddmenuitem: 0, _ddmenuitem2:0, _timer: function () { menuconfig._closetimer = window.settimeout(function () { jsddm_close(); }, menuconfig._timeout); }, _canceltimer: function () { if (menuconfig._closetimer) { window.cleartimeout(menuconfig._closetimer); menuconfig._closetimer = null; } }, open: function () { menuconfig._canceltimer(); menuconfig.close(); var $li = $(this); if ($li.attr('id') == 'childnav' && menuconfig._ddmenuitem2) { menuconfig._ddmenuitem2.css({ 'visibility': 'visible' }); } else { ////var left = $li.offset().left; ////menuconfig._ddmenuitem = $li.find('ul').eq(0).css({ 'left': left, 'visibility': 'visible' }); var left = $li.offset().left; menuconfig._ddmenuitem2 = $li.find('ul').eq(0).css({ 'left': left, 'visibility': 'visible' }); } if ($li.attr('id') == 'childnav') { $li.show(); return; } var $ul = $li.parent(); $ul.find('li > a').removeclass('active'); $li.find('a').addclass('active'); if ($li.find('ul').length > 0) { var left = $li.offset().left - $ul.offset().left - 20; //.css('padding-left', left) menuconfig._ddmenuitem = $('#childnav').html($li.find('ul').prop('outerhtml')).show(); menuconfig._ddmenuitem.find('ul').css('margin-left', left); $('#childnav').find('li:last').css('border-right', '0px solid #f2f4f3'); } else { $('#childnav').html('').hide(); } }, close: function () { if (menuconfig._ddmenuitem) { menuconfig._ddmenuitem.hide(); } if (menuconfig._ddmenuitem2) { menuconfig._ddmenuitem2.css('visibility', 'hidden'); } } }; $(document).ready(function () { $('#jsddm > li').hover(menuconfig.open, menuconfig.close); $('#childnav').hover(menuconfig.open, menuconfig.close); });