"
Team:Bilkent UNAM Turkey
From 2011.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
| - | + | ||
<link href='https://2011.igem.org/Team:Bilkent_UNAM_Turkey/css/tabbedContent.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'/> | <link href='https://2011.igem.org/Team:Bilkent_UNAM_Turkey/css/tabbedContent.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'/> | ||
| + | <script type="text/javascript"> | ||
| + | //tab effects | ||
| + | |||
| + | var TabbedContent = { | ||
| + | init: function() { | ||
| + | $(".tab_item").mouseover(function() { | ||
| + | |||
| + | var background = $(this).parent().find(".moving_bg"); | ||
| + | |||
| + | $(background).stop().animate({ | ||
| + | left: $(this).position()['left'] | ||
| + | }, { | ||
| + | duration: 300 | ||
| + | }); | ||
| + | |||
| + | TabbedContent.slideContent($(this)); | ||
| + | |||
| + | }); | ||
| + | }, | ||
| + | |||
| + | slideContent: function(obj) { | ||
| + | |||
| + | var margin = $(obj).parent().parent().find(".slide_content").width(); | ||
| + | margin = margin * ($(obj).prevAll().size() - 1); | ||
| + | margin = margin * -1; | ||
| + | |||
| + | $(obj).parent().parent().find(".tabslider").stop().animate({ | ||
| + | marginLeft: margin + "px" | ||
| + | }, { | ||
| + | duration: 300 | ||
| + | }); | ||
| + | } | ||
| + | } | ||
| + | $(document).ready(function() { | ||
| + | TabbedContent.init(); | ||
| + | }); | ||
| + | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
Revision as of 06:00, 25 August 2011
