123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- $(function(){
- //分版本导航
- $('span[data-menu="header"]').on('click',function(){
- var $this=$(this).parent(),
- $menu=$this.find('.header-menu-box'),
- $bg=$this.find('.header-menu-bg');
- if($menu.css('display')=='none'){
- $menu.slideDown();
- $bg.show();
- }else{
- $menu.slideUp();
- $bg.hide();
- }
- });
- $('.header-menu-bg').on('click',function(){
- $('.header-menu-box').slideUp();
- $('.header-menu-bg').hide();
- });
- // 页面初始化
- function pageInit(){
- $('.page-sidebar').css('height',$(window).height()-$('.header-wrap').height()-$('.iframe-menu').height());
- $(".page-sidebar").niceScroll({cursorborder:"",cursorcolor:"#cccdd1"});
- if($('.header-wrap').length>0){
- $('#iframe-im').height($(window).height()-$('.header-wrap').outerHeight(true)-$('.iframe-menu').outerHeight(true));
- }else{
- $('#iframe-im').height($(window).height());
- }
- iframeMenuList();
- $('.page-sidebar').on('click',function(){
- $(".page-sidebar").getNiceScroll().resize();
- });
- $(".page-sidebar").on('mouseover',function() {
- $(".page-sidebar").getNiceScroll().resize();
- });
- }
- pageInit();
- $(window).resize(function(){throttle(pageInit(), 300)});
- //iframe-menu
- $('div.menu-collapse[data-iframe="true"]').on('click',"li>a",function(){
- if($(this).data('src')!=undefined){
- var $iframe=$('#iframe-im'),
- $iframeTabs=$('.iframe-menu-list>ul'),
- iframeId=$(this).data('iframe');
- if(iframeId==undefined) return;
- if($iframe.find('iframe[data-iframe="'+iframeId+'"]').length>0){
- $iframe.find('iframe[data-iframe="'+iframeId+'"]').show().siblings().hide();
- $iframeTabs.children('li[data-iframe="'+iframeId+'"]').find('a').addClass('curr').end().siblings().find('a').removeClass('curr');
- var _left=$iframeTabs.children('li[data-iframe="'+iframeId+'"]').index()*131;
- if($('.iframe-menu-btn').css('display')=='block'){
- $('.iframe-menu-list').css({'left':"-"+_left+"px"}).data('left',-_left);
- }
- }else{
- $iframeTabs.find('a').removeClass('curr');
- $iframeTabs.append('<li data-iframe="'+iframeId+'" data-left="'+$(this).data("left")+'"><a href="javascript:;" class="curr"><span class="c-nowrap">'+$(this).find('span.title').text()+'</span><i class="iconfont"></i></a></li>');
- $iframe.find('iframe').hide();
- $iframe.append('<iframe frameborder="no" src="'+$(this).data('src')+'" width="100%" height="100%" data-iframe="'+iframeId+'" data-left="'+$(this).data("left")+'"></iframe>');
- iframeMenuList();
- }
- }
- });
- //选中、关闭 iframe tabs
- $('.iframe-menu-list').on('click','li>a',function(){
- var $iframe=$('#iframe-im'),
- $iframeTabs=$('.iframe-menu-list'),
- _id=$(this).parent().data('iframe');
- $iframe.find('iframe[data-iframe="'+_id+'"]').show().siblings().hide();
- $iframeTabs.find('a').removeClass('curr');
- $(this).addClass('curr');
- }).on('click','li>a>i.iconfont',function(e){
- e.stopPropagation();
- e.preventDefault();
- var $iframe=$('#iframe-im'),
- $li =$(this).parents('li'),
- _id=$li.data('iframe');
- if($li.children('a').is('.curr')){
- if($li.next().length>0){
- var _nextID=$li.next().data('iframe');
- $li.next().children('a').addClass('curr');
- $iframe.find('iframe[data-iframe="'+_nextID+'"]').show();
- }else if($li.prev().length>0){
- var _prevID=$li.prev().data('iframe');
- $li.prev().children('a').addClass('curr');
- $iframe.find('iframe[data-iframe="'+_prevID+'"]').show();
- }
- }
- $li.remove();
- $iframe.find('iframe[data-iframe="'+_id+'"]').remove();
- iframeMenuList();
- });
- function iframeMenuList(){
- var $menu=$('.iframe-menu-list'),
- $li=$menu.children('ul').children('li'),
- $wrap=$('.iframe-menu'),
- w=$(window).width();
- if($li.length*181>w){
- $menu.width($li.length*131);
- $('.iframe-menu-btn').show();
- var left=($wrap.find('li>a.curr').parent().index()+2)*131-w;
- $('.iframe-menu-list').css({'left':"-"+left+"px"}).data('left',-left);
- }else{
- $('.iframe-menu-list').css({'left':"0px"}).data('left','0');
- $('.iframe-menu-btn').hide();
- }
- }
- $('.iframe-menu-btn>a.prev').on('click',function(){
- var left=$('.iframe-menu-list').data('left')*1;
- if(left>=0){
- return false;
- }
- else if(left<0){
- if(left+180>0){
- left=-180;
- }
- $('.iframe-menu-list').stop(true,false).animate({'left':left+180},"fast",function(){
- $('.iframe-menu-list').data('left',(left+180));
- });
- }
- });
- $('.iframe-menu-btn>a.next').on('click',function(){
- var left=$('.iframe-menu-list').data('left')*1;
- if(left<-(($('.iframe-menu-list>ul>li').length-2)*180)){
- return false;
- }
- else if(left<=0){
- $('.iframe-menu-list').stop(true,false).animate({'left':left-180},"fast",function(){
- $('.iframe-menu-list').data('left',left-180);
- });
- }
- });
- iframeMenuList();
-
- // 右键菜单
- $('.iframe-menu-list>ul>li').bind('contextmenu',function(e){
- e.stopPropagation();
- e.preventDefault();
- var offset=$(this).position();
- $('.iframe-menu-mouse').show().css({left:offset.left+20,top:offset.top+30});
- return false;
- });
-
- $(document).on('click',function(){
- $('.iframe-menu-mouse').hide();
- });
- });
|