CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Genetic recombination) :: DNA from the Beginning</title> <meta name="description" content="Animation in Concept 11: Genes get shuffled when chromosomes exchange pieces, DNA from the Beginning" /> <link rel="preload" as="style" src="/css/main.css"> <link rel="preload" as="script" src="/js/swfobject.js"> <link rel="preload" as="script" src="/js/prototype-1.6.1.js"> <link href="/css/main.css" rel="stylesheet" type="text/css" /> <link href='https://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'/> <link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/> <script type="text/javascript" src="/js/swfobject.js"></script> <script type="text/javascript" src="/js/prototype-1.6.1.js"></script> </head> <body> <div id="container"> <div id="content"> <div id="header"> <div class="rollover-home"> <a href="/" class="rollover-home" title="DNA from the Beginning Home"><span class="displace">Home</span></a> </div> </div>  <div id="content-container"> <h1><span> Concept 11</span> Genes get shuffled when chromosomes exchange pieces.</h1> <div id="nav"> <ul> <li class="menu1"><a href="index.html" title="CONCEPT" ><span class="displace">CONCEPT</span></a></li> <li class="menu2"><a href="animation.html" title="ANIMATION"><span class="displace">ANIMATION</span></a></li> <li class="menu3"><a href="gallery.html" title="GALLERY"><span class="displace">GALLERY</span></a></li> <li class="menu4"><a href="av.html" title="VIDEO"><span class="displace">VIDEO</span></a></li> <li class="menu5"><a href="bio.html" title="BIO"><span class="displace">BIO</span></a></li> <li class="menu6"><a href="problem.html" title="PROBLEM"><span class="displace">PROBLEM</span></a></li> <li class="menu7"><a href="links.html" title="LINKS" ><span class="displace">LINKS</span></a></li> </ul> <br class="clearfloat" /> </div> <div id="animation"> <div id="animation-holder"> <div id="animation-container"></div> </div> <div id="factoid" style="padding: 0 20px;"> <img src="/images/general/factoid.gif" alt="factoid" class="factoid-image" /> <img src="/images/general/didyouknow.jpg" alt="Did you know ?" /> <p>After discussing the genetic implications of crossing over with Morgan, Sturtevant went home and drew the first gene map of the X chromosome—rather than do his college homework. </p> <img src="/images/general/hmmm.jpg" alt="Hmmm..." /> <p>Based on his experimental results, Mendel derived the Law of Independent Assortment. Genes are inherited separately from one another. Why didn't Mendel see evidence for "linked" genes?</p> </div> </div> <script type="text/javascript"> (function() { //var server = 'http://content.dnalc.org/'; var server = ''; var isCanvasSupported = function(){ var elem = document.createElement('canvas'); return !!(elem.getContext && elem.getContext('2d')); }; var preloadLinkCC = document.createElement("link"); //preloadLinkCC.href = 'https://code.createjs.com/createjs-2015.11.26.min.js'; preloadLinkCC.href = '/content/_createjs/createjs-2015.11.26.min.js'; preloadLinkCC.rel = 'preload'; preloadLinkCC.as = 'script'; document.head.appendChild(preloadLinkCC); var preloadLink = document.createElement("link"); preloadLink.href = server + '/content/c16/16280/con11ani_Canvas.html'; preloadLink.rel = 'preload'; preloadLink.as = 'document'; document.head.appendChild(preloadLink); var load_DNAFTB_animation = function(container, uri) { var newIFrame = document.createElement('iframe'); newIFrame.setAttribute('src', uri); newIFrame.setAttribute('width', '780px'); newIFrame.setAttribute('height', '377px'); newIFrame.setAttribute('scrolling', 'no'); //newIFrame.setAttribute('sandbox', 'allow-scripts'); newIFrame.setAttribute('frameborder', '0'); container.appendChild(newIFrame); }; load_DNAFTB_animation(document.querySelector("#animation-container"), server + '/content/c16/16280/con11ani_Canvas.html'); })(); </script> <canvas style="height:1px; width:780px;">I'm Alfred Sturtevant. I was a graduate student in T. H. Morgan's lab, and in 1913, I published the world's first genetic map as part of my Ph.D. thesis. The idea of mapping genes came from a discussion I had with my "boss" about the work of Belgian cytologist F. A. Janssens. He found that, early in meiosis, homologous chromosomes intertwine and exchange pieces. This process later became known as "crossing over." [ELECTRON MICROGRAPH OF CHROMOSOMAL CROSSOVER] To help visualize crossing over, let's colorize this micrograph and label parts of these homologous chromosomes. This is considered a double-crossover: two points of the chromatids overlap, and the section between the crossover points is exchanged. [CENTROMERE CHROMATIDS CROSSOVER SITE] My boss realized that a crossing over event can recombine alleles between homologous chromosomes. He used this ball diagram to illustrate what he meant. [DIAGRAM ADAPTED FROM T. H. MORGAN'S ORIGINAL] When a crossover happens, alleles that are far apart have a greater chance of being recombined. Alleles that are closer have a lower chance of being recombined. I came up with the idea of using recombinant data to construct a map of genes on the X chromosome. I mapped genes for three recessive traits 脙垄芒聜卢芒聙聹 yellow body (y), white eyes (w), and miniature wings (m). First I made heterozygous female strains, in which the recessive alleles are all on one X chromosome (y, w, m) and the dominant alleles are all on the other (B, R, L). [FEMALE Brown Body Red Eyes Large Wings] I mapped genes for three recessive traits 脙垄芒聜卢芒聙聹 yellow body (y), white eyes (w), and miniature wings (m). First I made heterozygous female strains, in which the recessive alleles are all on one X chromosome (y, w, m) and the dominant alleles are all on the other (B, R, L). Then I crossed these females with males, whose single X chromosome carried the recessive alleles (y, w, m). [MALE Yellow Body White Eyes MIniature Wings] The phenotypes of male hybrids are due to the X chromosome contributed by the mother. The mother's X chromosome also determines the phenotype of all female hybrids 脙垄芒聜卢芒聙聹 against the "neutral" background of the recessive X inherited from the father. I found, as expected, that half the flies showed the dominant and half the recessive trait. If alleles on the same chromosome were always inherited as an unit, I would have found that all hybrid offspringshow either a purely dominant or purely recessive phenotype. I examined 10,495 flies; in fact, I found that only about two-thirds of the offspring showed the pure dominant or recessive phenotypes. [YELLOW BODY WHITE EYES MINI WING BROWN BODY RED EYES LARGE WING 6972 FLIES] The remaining flies showed mixtures, or recombinations, of dominant and recessive traits. [BROWN BODY RED EYES MINI WING YELLOW BODY WHITE EYES LARGE WING 3454 FLIES] [YELLOW BODY RED EYES LARGE WING BROWN BODY WHITE EYES MINI WING 60 FLIES] [YELLOW BODY RED EYES MINI WING BROWN BODY WHITE EYES LARGE WING 9 FLIES] Each of the mixed phenotypes can be explained by crossing over between the two X chromosomes during egg formation. The largest number of flies were either phenotypically dominant or phenotypically recessive for all three traits. This is whatMendel's laws predict if no crossovers occurred. [BROWN BODY RED EYES LARGE WINGS YELLOW BODY WHITE EYES MINIATURE WINGS NO CROSSOVERS] The relatively high frequency of crossover between eye color and wing size indicates that they are distant on the chromosome. [CROSSOVER BETWEEN EYE COLOR AND WING SIZE] The low frequency recombination between body color and eye color indicates relatively close linkage. [CROSSOVER BETWEEN BODY COLOR AND EYE COLOR] Double crossovers 脙垄芒聜卢芒聙聹 between body color and eye color and between eye color and wing size 脙垄芒聜卢芒聙聹 are most rare. [CROSSOVERS BETWEEN BODY AND EYE COLOR AND EYE COLOR AND WING SIZE] </canvas> </div> <br class="clearfloat" /> <div id="footer"> <ul> <li><a href="/">Home</a></li> <li><a href="/sitemap.html">Site Map</a></li> <li><a href="/scientists.html">Scientists</a></li> <li><a href="/glossary.html">Glossary</a></li> <li><a href="/feedback.html">Feedback</a></li> <li><a href="/awards.html">Awards</a></li> <li><a href="/credits.html">Credits</a></li> <li><a href="http://blogs.dnalc.org/dnaftb/" style="background-image:none;">Blog</a></li> </ul> <p> Funded by <a href="http://macyfoundation.org">The Josiah Macy, Jr. Foundation</a><br /> © 2002 - 2011, <a href="http://www.dnalc.org/"> DNA Learning Center</a>, <a href="https://www.cshl.edu/">Cold Spring Harbor Laboratory</a>. All rights reserved. </p> </div>  </div> <div id="sidebar"> <div id="search" > <form method="get" action="/search"> <div class="fieldHolder1"> <input type="search" id="q" name="q" placeholder="Search" onclick="this.value=''" value="" /> <img style="background-color:#9C0;" src="/images/general/search_icon.jpg" alt="Search" onclick="document.forms[0].submit()" /> </div> </form> </div>  <div id="sidebar"> <ul class="sections-side sections-side1a" style="padding-top: 56px; margin-top: 3px;"> <li ><a href="/1/"><img src="/images/thumbnails/1-thumb-sm.png" alt="1." />Children resemble their parents.</a></li> <li ><a href="/2/"><img src="/images/thumbnails/2-thumb-sm.png" alt="2." />Genes come in pairs.</a></li> <li ><a href="/3/"><img src="/images/thumbnails/3-thumb-sm.png" alt="3." />Genes don't blend.</a></li> <li ><a href="/4/"><img src="/images/thumbnails/4-thumb-sm.png" alt="4." />Some genes are dominant.</a></li> <li ><a href="/5/"><img src="/images/thumbnails/5-thumb-sm.png" alt="5." />Genetic inheritance follows rules.</a></li> <li ><a href="/6/"><img src="/images/thumbnails/6-thumb-sm.png" alt="6." />Genes are real things.</a></li> <li ><a href="/7/"><img src="/images/thumbnails/7-thumb-sm.png" alt="7." />All cells arise from pre-existing cells.</a></li> <li ><a href="/8/"><img src="/images/thumbnails/8-thumb-sm.png" alt="8." />Sex cells have one set of chromosomes; body cells have two.</a></li> <li ><a href="/9/"><img src="/images/thumbnails/9-thumb-sm.png" alt="9." />Specialized chromosomes determine sex.</a></li> <li ><a href="/10/"><img src="/images/thumbnails/10-thumb-sm.png" alt="10." />Chromosomes carry genes.</a></li> <li ><a class="concept-highlight" href="/11/"><img src="/images/thumbnails/11-thumb-sm.png" alt="11." />Genes get shuffled when chromosomes exchange pieces.</a></li> <li ><a href="/12/"><img src="/images/thumbnails/12-thumb-sm.png" alt="12." />Evolution begins with the inheritance of gene variations.</a></li> <li ><a href="/13/"><img src="/images/thumbnails/13-thumb-sm.png" alt="13." />Mendelian laws apply to human beings.</a></li> <li style="border-bottom: 1px solid #669;"><a href="/14/"><img src="/images/thumbnails/14-thumb-sm.png" alt="14." />Mendelian genetics cannot fully explain human health and behavior.</a></li> </ul> <ul class="menu-side"> <li class="section2"><a href="/15/index.html" title="Molecules of Genetics"><span class="displace">MOLECULES OF GENETICS</span></a></li> <li class="section3" ><a href="/29/index.html" title="Genetic Organization and Control"><span class="displace">GENETIC ORGANIZATION AND CONTROL</span></a></li> </ul> </div> </div>  <br class="clearfloat" /> </div>  <script type="text/javascript"> Event.observe(window, 'load', function() { var uri = '/11/animation.html'; uri = uri.replace(/-\d/,''); $('nav').down().descendants().each(function(s) { if (s.nodeName == 'A') { if (s.href.match(uri)) { s.addClassName('current'); throw $break; } } }); }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1818773-10']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = 'https://www.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-K6EHFCRJBP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-K6EHFCRJBP'); </script> </body> </html>