CodeTabs – Touch Responsive Tabs

CodeTabs – Touch Responsive Tabs

  • 6/24/2019


+ Please send questions on the comment area or send email to [email protected]


Codetabs is a great plug-in tabs when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ‘out-in’ effects and ‘one’. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

  • Swipe gestures – switch between slides easy and flexibility with support swipe gestures, especially with tabs have many slides or on the mobile devices. No need to worry, no need to trouble to switch dropdown menu on mobile devices.
  • Huge effects – Easily create thousands of beautiful effects with pre-build over 250+ out-in effects and one effects. Same time can create favorite, unique effects their own through code.effect.css file. There’s also support powerline and fade effect for those who love the speed and simplicity. Codetabs have the most effect in the tabs plugin.
  • Fully responsive every browser and every devices : desktop – tablet – mobile.
  • True tabs – it is trully tabs on mobile devices. One design throughout on desktop and mobile devices.
  • Flat design – flat, clean and minimalist design throughout codetabs, respond most of the modern template. Same time easily create new style in css file.
  • Directions – full support horizontal tabs and vertical tabs.
  • 14 positions – maximun support position of
    title tabs (pagination).
  • 5 sizes – built-in 5 sizes title tabs. Same time easily create new size in css file.
  • Slideshow – full support slideshow, timer, button ‘Play/Pause’, hoverpause functions. Automatic stop slideshow before the next slide not loaded and play back automatically when the next slide has loaded.
  • Timer – support to 3 type timer with flat style, special support more options in ‘arc’ object.
  • 50+ templates – easily start using codetabs with multiple templates.
  • SEO friendly with html5 markup.
  • HTML5 data – easy setup options in JavaScript object like other jQuery plugins, same time support setup options via HTML5 data attributes.
  • Nested & multi tabs on the page with different skins.
  • Cross browser – full support main browser on desktop and mobile devices. Same time support old browser IE7, 8, 9.
  • Fallback effects – ‘one’ effects, ‘out-in’ effects fallback to ‘fade’ effect on old browser.
  • Powerful API – codetabs easier control with more public methods and callback events.
  • Live update – easily update most options directly through ‘opt()’ api.
  • Keyboard & MouseWheel navigation support.
  • Random effects – including ‘one’ effects and ‘out-in’ effects.
  • Outside markup – the components: navigation, title tabs, timer… can set up markup in any location on site. Makes it easy to create flexible layout, design is not tied.
  • Well documentation – step by step instructions to create codetabs, described features short, concise, and illustrated more easily begin using.
  • Free support & update – codetabs always developing new features, regular updates as well as improve existing features.

Version 3.0 – 25/11/2014

+ A
dded: new 5 templates: tabs in fancybox, deeplinking ID, media load ajax, media image lazyload, api add ajax. + Added: api 'destroy' + Added: api 'swipeEvent' + Added: load ajax and image lazyload + Added: fx 'none' + Added: new 'begin', 'center', 'centerRight', end propteries into 'idBegin' option + Added: description of main color in documentation + Improved: deeplinking auto detect ID and convert to #hash on url + Improved: resize event

Version 2.2 – 08/08/2014

+ Added: new 6 templates: highlight, fullcolor, show from, deeplinking, cookie... 
+ Added: deeplinking, cookie, classAdd options 
+ Added: animate effect on caption when switch slide 
+ Added: detail description in 'markup > render' in documentation 
+ Improved: fade effect fallback in old browser(<=IE9) 
+ Improved: remove unnecessary effects on mobile 
+ Changed: unlock codetabs when js no enable, more SEO friendly 
+ Changed: name 'arc.update' 'acr.fps' options 
+ Changed: prefixed in 'code.animate.css' file 
+ Fixed: 'overflow: hidden' in Android browser 
+ Fixed: auto run pagitem when codetabs only have 2 slide 
+ Fixed: many slide at the same time 'selected' 
+ Fixed: render font in safari 5.1 windows 
+ Fixed: position swipe gestures in opera 12 
+ Fixed: stop drag-text when swipe gestures in IE7-8

Version 1.3 – 18/07/2014

+ Improved: swipe gestures on mobile device.

Version 1.2 – 16/07/2014

+ Changed: option 'markup-{ timerInto: none}' to 'markup-{ timerInto: media }' 
+ Changed: move timer into 'media' object 
+ Added: new 'isMobile' option in 'swipe' ojbect 
+ Updated + Added: APIs and callback events 
+ Updated: documentation

Version 1.1 – 04/07/2014

+ Improved: auto-height of the tabs.
+ Improved: multi nested tabs.
+ Improved: reduce size js file.
+ Added: support Bootstrap framework (3.x)
+ Changed: rename effects powerline 'fx-LINE' to 'fx-line'.

Version 1.0 – 02/07/2014

+ Initial release
Full Demo Link
Download Now

“Disclaimer” – Piracy is illegal and opposes Hindi assistance Piracy. This content has been given only for information, its purpose is not to encourage or promote Piracy and Illegal activities in any way.

Related Articles