https://hanjin.com/resources/_Plugin/jquery.TabMenu/jquery.TabMenu.js

1document.write('<link rel="stylesheet" media="" href="/resources/_Plugin/jquery.TabMenu/jquery.TabMenu.css" />');
2;(function($, window, document, undefined)
3{
4
5    var defaults = {
6    		tabMenuClass : "a-tab01"
7    		, obj_tabMenu : null
8    		, obj_tabItems : null
9    		, obj_tabMenuWrap : "<ul></ul>"
10    		, obj_tabMenuWrapItem : "<li></li>"
11    		, btn_tabBtnDgin : "<button></button>"
12    		, btn_tabBtnText : "<span></span>"
13    		, first_select : ""
14    		, BtnList : []
15        };
16
17    function Plugin( element, options)
18    {
19        this.el = $(element);
20        this.options = $.extend({}, defaults, options);
21        this.content = $( "#" + this.options.target );
22        this.init();
23    }
24
25    Plugin.prototype = {
26
27        init: function() {
28            var TabMenu = this;
29                        
30            if( TabMenu.options.BtnList.length < 0 ){
31            	alert( "등록된 메뉴가 없습니다." );
32            	return false;
33            }
34            
35            TabMenu.drawMenu();
36            
37            if( TabMenu.options.first_select == null || TabMenu.options.first_select == "" ){
38            	TabMenu.options.obj_tabMenu.children( "li" ).first().click();
39            }else{
40            	TabMenu.options.obj_tabMenu.children( "li" ).find( "button[item-code=" + TabMenu.options.first_select + "]" ).click();
41            }
42                                
43        }
44    
45	    , drawMenu : function(){
46	    	var TabMenu = this;
47	    	TabMenu.el.addClass( TabMenu.options.tabMenuClass );
48	    	
49	    	TabMenu.options.obj_tabMenu = $( TabMenu.options.obj_tabMenuWrap );
50	    	
51	    	$.each( TabMenu.options.BtnList, function(k, el) { 
52	    		var li = $( TabMenu.options.obj_tabMenuWrapItem );
53	    		var btn = $( TabMenu.options.btn_tabBtnDgin );
54	    		$( btn ).attr( "item-code", el.code );
55	    		var btn_text = $( TabMenu.options.btn_tabBtnText ).html( el.name );
56	    		
57	    		TabMenu.onEvent( li, el );
58	    		
59	    		TabMenu.options.obj_tabMenu.append( li.append( btn.append( btn_text ) ) );
60	    		
61	    	});
62	    	
63	    	TabMenu.el.append( TabMenu.options.obj_tabMenu );
64	    }
65	    
66	    , onEvent : function( obj, el ){
67	    	var TabMenu = this;
68	    	obj.bind( "click", function(){
69	    		TabMenu.onClear();
70	    		$( obj ).addClass( "over" );
71	    		$( "#" + el.code ).show();
72			});
73	    }
74	    
75	    , onClear : function(){
76	    	var TabMenu = this;
77	    	TabMenu.options.obj_tabMenu.children( "li" ).removeClass( "over" );
78	    	TabMenu.content.children( "div" ).hide();
79	    }
80	    
81	    , onTab : function( code ){
82	    	var TabMenu = this;
83	    	TabMenu.options.obj_tabMenu.children( "li" ).find( "button[item-code=" + code + "]" ).click();
84	    }
85    
86    };
87
88    $.fn.tapMenu = function( params, a )   {
89        var lists  = this,
90            retval = this;
91
92        lists.each(function()
93        {
94        	        	
95            var plugin = $(this).data( "tapMenu" );
96
97            if (!plugin) {
98                $(this).data("tapMenu", new Plugin( this, params));
99                $(this).data("tapMenu-id", new Date().getTime());
100            } else {
101                if (typeof params === 'string' && typeof plugin[params] === 'function' && typeof a === 'undefined' ) {
102                    retval = plugin[params]();
103                }else if (typeof params === 'string' && typeof plugin[params] === 'function' ){
104                	retval = plugin[params]( a );
105                }
106            }
107        });
108
109        return retval || lists;
110    };
111
112})(window.jQuery || window.Zepto, window, document);