Dr. X. Nancy Xu

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Dr. X. Nancy Xu</title> <link href="css/reset.css" rel="stylesheet" type="text/css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed' rel='stylesheet' type='text/css'> <link href="css/layout.css" rel="stylesheet" type="text/css"> <link href="skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" /> <style type="text/css"> div#slideshow1 ul#slides1, div#slideshow2 ul#slides2 { list-style: none; margin: 0 auto; } #content p{ text-align: justify; text-justify: inter-word; } .projlist{ margin: 0px 35px; } .blink_news { -moz-animation-duration: 150ms; -moz-animation-name: blink; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -webkit-animation-duration: 150ms; -webkit-animation-name: blink; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-duration: 150ms; animation-name: blink; animation-iteration-count: infinite; animation-direction: alternate; } @-moz-keyframes blink { from { opacity: 1; } to { opacity: 0.5; } } @-webkit-keyframes blink { from { opacity: 1; } to { opacity: 0.5; } } @keyframes blink { from { opacity: 1; } to { opacity: 0.5; } } </style> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script> <script type="text/javascript" src="js/jquery.jplayer.min.js"></script> <script type="text/javascript"> var currentShow = 1; var currentSlide = 1; var t; //<![CDATA[ $(document).ready(function(){ $('body').on('contextmenu', 'img', function(e){ return false; }); $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { m4v: "https://itsapps.odu.edu/xhxu/movies/MoviXu1.mp4", ogv: "https://itsapps.odu.edu/xhxu/movies/MoviXu1.ogv", webmv: "https://itsapps.odu.edu/xhxu/movies/MoviXu1.webm" }).jPlayer("play"); }, ended: function() { // The $.jPlayer.event.ended event //$(this).jPlayer("play"); // Repeat the media playNextVid(); }, solution: "flash, html", swfPath: "js", supplied: "webmv, ogv, m4v", size: { width: "720px", height: "480px" } }); }); //]]> function getVidWidth() { if (currentShow == 1) { if (currentSlide == 1) return 720; else if (currentSlide == 2) return 320; else if (currentSlide == 3) return 450; else if (currentSlide == 4) return 884; else if (currentSlide == 5) return 485; } else if (currentShow == 2) { if (currentSlide == 1) return 640; else if (currentSlide == 2) return 640; else if (currentSlide == 3) return 186; else if (currentSlide == 4) return 608; else if (currentSlide == 5) return 320; } } function getVidHeight() { if (currentShow == 1) { if (currentSlide == 1) return 480; else if (currentSlide == 2) return 240; else if (currentSlide == 3) return 300; else if (currentSlide == 4) return 400; else if (currentSlide == 5) return 504; } else if (currentShow == 2) { if (currentSlide == 1) return 480; else if (currentSlide == 2) return 480; else if (currentSlide == 3) return 144; else if (currentSlide == 4) return 608; else if (currentSlide == 5) return 240; } } function getNextVidNum() { currentSlide++; if (currentShow == 1) { if (currentSlide == 6) { currentShow = 2; currentSlide = 1; $(".currentShow").removeClass("currentShow"); $("#ss2").addClass("currentShow"); return "a"; } return ""+currentSlide; } else if (currentShow == 2) { if (currentSlide == 1) return "a"; else if (currentSlide == 2) return "b"; else if (currentSlide == 3) return "c"; else if (currentSlide == 4) return "d"; else if (currentSlide == 5) return "e"; else if (currentSlide == 6) { /*currentShow = 3; currentSlide = 0; $(".currentShow").removeClass("currentShow"); $("#ss3").addClass("currentShow");*/ return "0"; } } } function switchToImgShow() { $("#jquery_jplayer_1").jPlayer("stop"); $("#jp_container_1").hide(); if (currentShow == 3) { $("#slideshow2").hide(); $("#slideshow1").css("overflow", "hidden").show(); $("ul#slides1").cycle({ fx: 'fade', pause: 1, prev: '#prev', next: '#next' }); var t = setTimeout("loadShow(4)", 20000); } else { $("#slideshow1").hide(); $("#slideshow2").css("overflow", "hidden").show(); $("ul#slides2").cycle({ fx: 'fade', pause: 1, prev: '#prev', next: '#next' }); var t = setTimeout("loadShow(1)", 66000); } } function playNextVid() { $("#slideshow1").hide(); $("#slideshow2").hide(); $("#jp_container_1").show(); var vidNum = getNextVidNum(); if (vidNum == 0) { loadShow(3); return; } var vidW = getVidWidth(); var vidH = getVidHeight(); $("#jquery_jplayer_1").jPlayer("setMedia", { m4v: "https://itsapps.odu.edu/xhxu/movies/MoviXu"+vidNum+".mp4", ogv: "https://itsapps.odu.edu/xhxu/movies/MoviXu"+vidNum+".theora.ogv", webmv: "https://itsapps.odu.edu/xhxu/movies/MoviXu"+vidNum+".webm" }) .jPlayer("option", "size", {width: vidW+"px", height: vidH+"px"}) .css("margin", "0 auto") .jPlayer("play"); } function loadShow(sid) { clearTimeout(t); currentSlide = 0; currentShow = sid; $(".currentShow").removeClass("currentShow"); $("#ss"+sid).addClass("currentShow"); if (sid < 3) playNextVid(); else switchToImgShow(); } </script> </head> <body> <script type="text/javascript" src="page_header.js?v1"></script> <div id="body"> <div id="container"> <br/> <p class="blink_news" align="center"><A href="http://www.nsf.gov/news/news_summ.jsp?cntn_id=132371">Xu won the NSF BRAIN Initiative EAGER Award</A> </p> <div id="media_container"> <div id="media"> <div id="spotlight" style="vertical-align: middle; display: inline; min-width: 550px;"> <div id="jp_container_1" class="jp-video jp-video-360p" style="margin: 0 auto;"> <div class="jp-type-single"> <div id="jquery_jplayer_1" class="jp-jplayer" style="margin: 0 auto;"></div> <div class="jp-gui"> <div class="jp-video-play"> <a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a> </div>  <div class="jp-interface"> <div class="jp-progress"> <div class="jp-seek-bar"> <div class="jp-play-bar"></div> </div> </div> <div class="jp-current-time"></div> <div class="jp-duration"></div> <div class="jp-controls-holder"> <ul class="jp-controls"> <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li> <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li> <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li> <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li> <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li> <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li> </ul> <div class="jp-volume-bar"> <div class="jp-volume-bar-value"></div> </div> <ul class="jp-toggles"> <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li> <li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li> <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li> <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li> </ul> </div> </div> </div> <div class="jp-no-solution"> <span>Update Required</span> To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. </div> </div> </div> <div id="slideshow1" style="display: none;"> <ul id="slides1"> <li><img src="img/cover1.jpg" alt="" /></li> <li><img src="img/cover2.jpg" alt="" /></li> <li><img src="img/cover3.jpg" alt="" /></li> <li><img src="img/cover4.jpg" alt="" /></li> <li><img src="img/cover5.jpg" alt="" /></li> </ul> </div> <div id="slideshow2" style="display: none;"> <ul id="slides2"> <li><img src="img/Slide/Slide1.jpg" alt="" /></li> <li><img src="img/Slide/Slide2.jpg" alt="" /></li> <li><img src="img/Slide/Slide3.jpg" alt="" /></li> <li><img src="img/Slide/Slide4.jpg" alt="" /></li> <li><img src="img/Slide/Slide5.jpg" alt="" /></li> <li><img src="img/Slide/Slide6.jpg" alt="" /></li> <li><img src="img/Slide/Slide7.jpg" alt="" /></li> <li><img src="img/Slide/Slide8.jpg" alt="" /></li> <li><img src="img/Slide/Slide9.jpg" alt="" /></li> <li><img src="img/Slide/Slide10.jpg" alt="" /></li> <li><img src="img/Slide/Slide11.jpg" alt="" /></li> <li><img src="img/Slide/Slide12.jpg" alt="" /></li> <li><img src="img/Slide/Slide13.jpg" alt="" /></li> <li><img src="img/Slide/Slide14.jpg" alt="" /></li> <li><img src="img/Slide/Slide15.jpg" alt="" /></li> <li><img src="img/Slide/Slide16.jpg" alt="" /></li> <li><img src="img/Slide/Slide17.jpg" alt="" /></li> </ul> </div> </div> <ul id="slideshows"> <li><img src="img/ss1.jpg" alt="First" onclick="loadShow(1);" id="ss1" class="currentShow" /></li> <li><img src="img/ss2.jpg" alt="Second" onclick="loadShow(2);" id="ss2" /></li> <li><img src="img/ss3.jpg" alt="Third" onclick="loadShow(3);" id="ss3" /></li> <li><img src="img/ss4.jpg" alt="Fourth" onclick="loadShow(4);" id="ss4" /></li> </ul> </div> </div> <div id="content"> <h1 style="clear: both; padding-bottom: 0.2em;">Welcome to the XuLab</h1> <h2>Bioanalytical/Biochemistry/Bionanotechnology/Bionanomaterials/Modern Molecular Biomedical Sciences & Engineering</h2> <p>Our research program lies at the interface of Chemistry, Biology and Engineering. The central theme of our research program is the development and application of cutting-edge bio- and nano- technologies and ultrasensitive analytical instrumentation and methodologies to address fundamental and practical questions in chemical, biochemical and biomedical sciences and engineering. In particular, the primary goal of our research program is to study chemical reactions and cellular pathways in single live cells in real-time with the single-molecule sensitivity and selectivity. We aim to address the most significant and challenging questions in life sciences; to explore living organisms at the single-cell and single-molecule resolutions; to unravel mysteries that prohibit us from completely understanding diseases (cancer) from their onsets to their development; and to design new tools for earlier disease diagnosis and effective treatment. Ultimately, this research program will lead to the discovery of new chemical and biochemical mechanisms, new cellular pathways and functions, and the invention of novel technologies.</p> <p>The current research projects include: <ol type="I" class="projlist"> <li>Design, Synthesis and Characterization of Innovative Bionanomaterials and Bionanophotonics.</li> <li>Development of Cutting-Edge Technologies and Instrumentation.</li> <li>Single Molecular and Single Live Cell Imaging.</li> <li>Single-Cell Genomics, Nanobiotechnology and Optogenetics, to unlock neuron-neuron communication, revolutionize early cancer detection, unravel developmental biology (embryonic stem cell differentiation), understand multidrug resistance, decipher nanotoxicity, design groundbreaking nanomedicines and biocompatible nanomaterials.</li></ol> </p> </div> </div> </div> <script type="text/javascript" src="page_footer.js"></script>

CINXE.COM

Dr. X. Nancy Xu