// javascript document /* self-adaption global js v1.0 * 此文件是网站全局自适应个性化js,依赖zui框架和jquery 1.8.3,需要先引入zui核心文件,也需要引入jquery。 * this file is the global adaptive personalized js of the website. it relies on the zui framework and jquery 1.8.3. it needs to introduce zui core file first, and also jquery. * 作者: 杨,2018.10.26。 written by carry yang, 2018.10.26. * 使用此文件请保留我的信息,谢谢! please keep my information in this file, thank you! */ (function () { //在此段脚本中启用严格模式 "use strict"; $(document).ready( function(){ //主导航栏第二个导航的拓展面板加宽 $('#headernav ul>li:eq(2) .navplus').css({width:'300px',marginleft:'0px'}); //去掉主导航栏最后一个导航li的右边框 $('#headernav ul>li:last').css('border-right','none'); //主导航栏悬停鼠标展开扩展面板 $('#headernav ul>li').hover(function(){ console.dir(1111); $(this).find('.navplus').stop(true,true).slidedown('fast'); },function(){ $(this).find('.navplus').stop(true,true).slideup('fast'); }); //手机版侧滑菜单 $('#m-headerbtn').toggle(function(){ $('#leftmenulayout').show('fast'); $('#leftmenu').show('fast'); $(this).addclass('active'); $(this).find('i').attr('class','icon icon-times'); },function(){ $('#leftmenulayout').hide('fast'); $('#leftmenu').hide('fast'); $(this).removeclass('active'); $(this).find('i').attr('class','icon icon-bars'); }); $('#leftmenulayout').click(function(){ $('#m-headerbtn').click(); }); //手机版侧滑菜单点击按钮展开面板,并更改自身符号 $('#leftmenu>.items>i').toggle(function(){ $(this).removeclass('icon-plus'); $(this).addclass('icon-minus'); var flag=$(this).parent().index(); $('#leftmenu>.items:eq('+flag+')>.listplus').stop(true,true); $('#leftmenu>.items:eq('+flag+')>.listplus').slidedown(); },function(){ $(this).removeclass('icon-minus'); $(this).addclass('icon-plus'); var flag=$(this).parent().index(); $('#leftmenu>.items:eq('+flag+')>.listplus').stop(true,true); $('#leftmenu>.items:eq('+flag+')>.listplus').slideup(); }); //.leftnav面板展开关闭效果及class变更 $('.leftnav ul li>a').click(function(){ //移除其他li的.active,关闭拓展面板 var thisli = $('.leftnav ul li').not($(this).parent('li')); thisli.removeclass('active'); thisli.find('.navplus').slideup(); //被点击的li $(this).parent('li').toggleclass('active'); $(this).find('+ .navplus').slidetoggle(); }); $('.leftnav ul li:has(.active)>a').click(); //页面加载完成后触发一次当前页面对应导航分类a标签点击事件,以展开导航栏 //回到顶部 $('#gotop').click(function(){$("html,body").animate({"scrolltop":"0px"},400);}); } ); })();