|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| | | | |
| - | <head>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| - | <title>HomeHTML/CSSJavaScriptResourcesT</title>
| |
| - | <link rel="stylesheet" href="style.css" />
| |
| - |
| |
| - | <link href="examples.css" rel="stylesheet" />
| |
| - | <link href="style/carousel.css" rel="stylesheet" />
| |
| - | <link href="layout.css" rel="stylesheet" type="text/css" />
| |
| - |
| |
| - | <script src="js/ext-core-debug.js"></script>
| |
| - | <script src="js/carousel.js"></script>
| |
| - | <script>
| |
| - | Ext.onReady(function() {
| |
| - | new Ext.ux.Carousel('simple-example');
| |
| - |
| |
| - | new Ext.ux.Carousel('full-example', {
| |
| - | itemSelector: 'img',
| |
| - | interval: 3,
| |
| - | autoPlay: true,
| |
| - | showPlayButton: true,
| |
| - | pauseOnNavigate: true,
| |
| - | freezeOnHover: true,
| |
| - | transitionType: 'fade',
| |
| - | navigationOnHover: true
| |
| - | });
| |
| - |
| |
| - | new Ext.ux.Carousel('html-example', {
| |
| - | itemSelector: 'div.item',
| |
| - | interval: 5,
| |
| - | autoPlay: true,
| |
| - | transitionEasing: 'easeIn'
| |
| - | });
| |
| - | })
| |
| - | </script>
| |
| - | <!-- ----------------------------------------------------- -->
| |
| - | <style type="text/css">
| |
| - | body{background: url('bg.png') repeat scroll 0 0 #FEFEFE;}
| |
| - | a {
| |
| - | color: #808080;
| |
| - | font-size: 9pt;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | a:hover { color: white; }
| |
| - | .blk_18 { overflow:hidden; zoom:1; font-size:9pt; border:1px solid #e3e3e3; background:#eee; width:692px; margin-top:8px; }
| |
| - | .blk_18 .pcont { width:638px; float:left; overflow:hidden; padding-left:5px; }
| |
| - | .blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px; }
| |
| - | .blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
| |
| - | .blk_18 .LeftBotton, .blk_18 .RightBotton { width:15px; height:74px; float:left; background:url(ax.gif) no-repeat; }
| |
| - | .blk_18 .LeftBotton { background-position: 0 0; margin:8px 5px 0; }
| |
| - | .blk_18 .RightBotton { background-position: 0 -100px; margin:8px 1px 10px 5px; }
| |
| - | .blk_18 .LeftBotton:hover { background-position: -20px 0; }
| |
| - | .blk_18 .RightBotton:hover { background-position: -20px -100px; }
| |
| - | .blk_18 .pl img { display:block; cursor:pointer; border:none; margin:6px auto 1px auto; }
| |
| - | .blk_18 .pl { width:105px; border:1px solid #f3f3f3; float:left; float:left; text-align:center; line-height:24px; }
| |
| - | .blk_18 a.pl:hover { border:1px solid #5dacec; color:#5dacec; background:#fff; }
| |
| - | </style>
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | var Speed_1 = 10; //速度(毫秒)
| |
| - | var Space_1 = 20; //每次移动(px)
| |
| - | var PageWidth_1 = 107 * 6; //翻页宽度
| |
| - | var interval_1 = 5000; //翻页间隔时间
| |
| - | var fill_1 = 0; //整体移位
| |
| - | var MoveLock_1 = false;
| |
| - | var MoveTimeObj_1;
| |
| - | var MoveWay_1="right";
| |
| - | var Comp_1 = 0;
| |
| - | var AutoPlayObj_1=null;
| |
| - | function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
| |
| - | function AutoPlay_1(){clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1)}
| |
| - | function ISL_GoUp_1(){if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="left";MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1);}
| |
| - | function ISL_StopUp_1(){if(MoveWay_1 == "right"){return};clearInterval(MoveTimeObj_1);if((GetObj('ISL_Cont_1').scrollLeft-fill_1)%PageWidth_1!=0){Comp_1=fill_1-(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1);CompScr_1()}else{MoveLock_1=false}
| |
| - | AutoPlay_1()}
| |
| - | function ISL_ScrUp_1(){if(GetObj('ISL_Cont_1').scrollLeft<=0){GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft+GetObj('List1_1').offsetWidth}
| |
| - | GetObj('ISL_Cont_1').scrollLeft-=Space_1}
| |
| - | function ISL_GoDown_1(){clearInterval(MoveTimeObj_1);if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="right";ISL_ScrDown_1();MoveTimeObj_1=setInterval('ISL_ScrDown_1()',Speed_1)}
| |
| - | function ISL_StopDown_1(){if(MoveWay_1 == "left"){return};clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1-(fill_1>=0?fill_1:fill_1+1)!=0){Comp_1=PageWidth_1-GetObj('ISL_Cont_1').scrollLeft%PageWidth_1+fill_1;CompScr_1()}else{MoveLock_1=false}
| |
| - | AutoPlay_1()}
| |
| - | function ISL_ScrDown_1(){if(GetObj('ISL_Cont_1').scrollLeft>=GetObj('List1_1').scrollWidth){GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft-GetObj('List1_1').scrollWidth}
| |
| - | GetObj('ISL_Cont_1').scrollLeft+=Space_1}
| |
| - | function CompScr_1(){if(Comp_1==0){MoveLock_1=false;return}
| |
| - | var num,TempSpeed=Speed_1,TempSpace=Space_1;if(Math.abs(Comp_1)<PageWidth_1/2){TempSpace=Math.round(Math.abs(Comp_1/Space_1));if(TempSpace<1){TempSpace=1}}
| |
| - | if(Comp_1<0){if(Comp_1<-TempSpace){Comp_1+=TempSpace;num=TempSpace}else{num=-Comp_1;Comp_1=0}
| |
| - | GetObj('ISL_Cont_1').scrollLeft-=num;setTimeout('CompScr_1()',TempSpeed)}else{if(Comp_1>TempSpace){Comp_1-=TempSpace;num=TempSpace}else{num=Comp_1;Comp_1=0}
| |
| - | GetObj('ISL_Cont_1').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)}}
| |
| - | function picrun_ini(){
| |
| - | GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML;
| |
| - | GetObj('ISL_Cont_1').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1);
| |
| - | GetObj("ISL_Cont_1").onmouseover=function(){clearInterval(AutoPlayObj_1)}
| |
| - | GetObj("ISL_Cont_1").onmouseout=function(){AutoPlay_1()}
| |
| - | AutoPlay_1();
| |
| - | }
| |
| - | </script>
| |
| - |
| |
| - | <style>
| |
| - |
| |
| - | .menu {
| |
| - | height: 45px;
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | .menu ul {
| |
| - | list-style: none;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | .menu ul li {
| |
| - | float: left;
| |
| - | /* 菜单子元素的内容超出不可见 */
| |
| - | overflow: hidden;
| |
| - | position: relative;
| |
| - | text-align: center;
| |
| - | line-height: 45px;
| |
| - | }
| |
| - |
| |
| - | .menu ul li a {
| |
| - | /* 必须是相对定位 */
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | width: 110px;
| |
| - | height: 45px;
| |
| - | font-family: Arial;
| |
| - | font-size: 11px;
| |
| - | font-weight: bold;
| |
| - | letter-spacing: 1px;
| |
| - | text-transform: uppercase;
| |
| - | text-decoration: none;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .menu ul li a span {
| |
| - | /* 所有层将使用绝对定位 */
| |
| - | position: absolute;
| |
| - | left: 0;
| |
| - | width: 110px;
| |
| - | }
| |
| - |
| |
| - | .menu ul li a span.out {
| |
| - | top: 0px;
| |
| - | }
| |
| - |
| |
| - | .menu ul li a span.over,
| |
| - | .menu ul li a span.bg {
| |
| - | /* 起初.over层和.bg层相对a元素-45px以达到隐藏 */
| |
| - | top: -45px;
| |
| - | }
| |
| - |
| |
| - | /** 完整版示例 **/
| |
| - |
| |
| - | #menu {
| |
| - | background:url(bg_menu.gif) scroll 0 -1px repeat-x;
| |
| - | border:1px solid #CCC;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a {
| |
| - | color: #000;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a span.over {
| |
| - | color: #FFF;
| |
| - | }
| |
| - |
| |
| - | #menu ul li span.bg {
| |
| - | height: 45px;
| |
| - | background: url(bg_over.gif) center center no-repeat;
| |
| - | }
| |
| - |
| |
| - | /** 简化版示例 **/
| |
| - |
| |
| - | #menu2 {
| |
| - | background: #000000;
| |
| - | }
| |
| - |
| |
| - | #menu2 ul li a {
| |
| - | color:#FFF;
| |
| - | }
| |
| - |
| |
| - | #menu2 ul li a span.over {
| |
| - | background: #A6DD00;
| |
| - | color:#333;
| |
| - | }
| |
| - | #menu2 ul li.nav1 a span.over {
| |
| - | background: #fea274;
| |
| - | }
| |
| - | #menu2 ul li.nav2 a span.over {
| |
| - | background: #b0bbba;
| |
| - | }
| |
| - | #menu2 ul li.nav3 a span.over {
| |
| - | background: #a3f091;
| |
| - | }
| |
| - | #menu2 ul li.nav4 a span.over {
| |
| - | background: #86dbf9;
| |
| - | }
| |
| - | #menu2 ul li.nav5 a span.over {
| |
| - | background: #e0caf0;
| |
| - | }
| |
| - | #menu2 ul li.nav6 a span.over {
| |
| - | background: #9dace9;
| |
| - | }
| |
| - |
| |
| - | .style1 {
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | <script type="text/javascript" src="jquery.min.js"></script>
| |
| - | <script language="javascript">
| |
| - | $(document).ready(function() {
| |
| - |
| |
| - | /* 完整版示例 */
| |
| - |
| |
| - | // 把每个a中的内容包含到一个层（span.out）中，在span.out层后面追加背景图层（span.bg）
| |
| - | $("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );
| |
| - |
| |
| - | // 循环为菜单的a每个添加一个层（span.over）
| |
| - | $("#menu li a").each(function() {
| |
| - | $( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
| |
| - | });
| |
| - |
| |
| - | $("#menu li a").hover(function() {
| |
| - | // 鼠标经过时候被触发的函数
| |
| - | $(".out",this).stop().animate({'top':'45px'},250); // 向下滑动 - 隐藏
| |
| - | $(".over",this).stop().animate({'top':'0px'},250); // 向下滑动 - 显示
| |
| - | $(".bg",this).stop().animate({'top':'0px'}, 120); // 向下滑动 - 显示
| |
| - |
| |
| - | }, function() {
| |
| - | // 鼠标移出时候被触发的函数
| |
| - | $(".out",this).stop().animate({'top':'0px'},250); // 向上滑动 - 显示
| |
| - | $(".over",this).stop().animate({'top':'-45px'},250); // 向上滑动 - 隐藏
| |
| - | $(".bg",this).stop().animate({'top':'-45px'},120); // 向上滑动 - 隐藏
| |
| - | });
| |
| - |
| |
| - |
| |
| - | /* 简化版示例 */
| |
| - |
| |
| - | $("#menu2 li a").wrapInner( '<span class="out"></span>' );
| |
| - |
| |
| - | $("#menu2 li a").each(function() {
| |
| - | $('<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
| |
| - | });
| |
| - |
| |
| - | $("#menu2 li a").hover(function() {
| |
| - | $(".out",this).stop().animate({'top':'45px'},200); // 向下滑动 - 隐藏
| |
| - | $(".over",this).stop().animate({'top':'0px'},200); // 向下滑动 - 显示
| |
| - |
| |
| - | }, function() {
| |
| - | $(".out",this).stop().animate({'top':'0px'},200); // 向上滑动 - 显示
| |
| - | $(".over",this).stop().animate({'top':'-45px'},200); // 向上滑动 - 隐藏
| |
| - | });
| |
| - |
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - | <!-- ----------------------------------------------------------------------------------- -->
| |
| - | <style type="text/css">
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .projecttext {
| |
| - | font-family: "Times New Roman", Times, serif;
| |
| - | font-size: large; padding: 8px;
| |
| - | }
| |
| - | .style2 {
| |
| - | font-family: "Times New Roman", Times, serif;
| |
| - | font-size: x-large;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .softwaretext {
| |
| - | font-family: "Times New Roman", Times, serif;
| |
| - | font-size: large;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | <!-- ----------------------------------------------------------------------------------- -->
| |
| - | <link href="stylesoftware.css" rel="stylesheet" type="text/css" />
| |
| - | <script type="text/javascript" src="jquery-latest.pack.js"></script>
| |
| - | <script type="text/javascript">
| |
| - | function loadnext(divout,divin){
| |
| - |
| |
| - | $("." + divout).hide();
| |
| - | $("." + divin).fadeIn("fast");
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | </script>
| |
| - | <!-- ----------------------------------------------------------------------------------- -->
| |
| - |
| |
| - |
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - | <body onload="new Accordian('basic-accordian',5,'header_highlight');">
| |
| - |
| |
| - | <div id="content">
| |
| - |
| |
| - | <div id="menu2" class="menu">
| |
| - | <ul>
| |
| - | <li class="nav1"><a href="javascript:;" >Home</a></li>
| |
| - | <li class="nav2"><a href="javascript:;">Project</a></li>
| |
| - | <li class="nav3"><a href="javascript:;">Software</a></li>
| |
| - | <li class="nav4"><a href="javascript:;">Extra</a></li>
| |
| - | <li class="nav5"><a href="javascript:;">Team</a></li>
| |
| - | <li class="nav6"><a href="javascript:;">About</a></li>
| |
| - | </ul>
| |
| - | </div><h3>Project</h3>
| |
| - | </div>
| |
| - | <!-- ----------------------------------------------------------------------------------- -->
| |
| - | <div style="margin:auto;width:980px;height: 364px; background:#b0bbba;"><div style="position: absolute;width:420px;height: 120px;"><p class="projecttext">
| |
| - | <span class="style2">W</span><span >e have inclination to
| |
| - | develop a multifunctional toolbox “Blablabla”, that integrates different
| |
| - | modules together and help researchers approach information they need.</span></p>
| |
| - | </div>
| |
| - | <img alt="" style="position: absolute; margin-top:110px; top: 115px;"; src= ssss.png width="400" height="132" />
| |
| - |
| |
| - | <img src= 搜狗截图_2012-07-05_12-53-06.png style=" position: absolute ; margin-left:420px;" width="565" height="364" />
| |
| - |
| |
| - | <img style="position: absolute;top: 350px; margin-left: 90px;"src= 782d390aae3c898ea8db9493cb53c3e0.png width="234" height="100" />
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <!-- ----------------------------------------------------------------------------------- -->
| |
| - | <div style="margin:auto;width:980px; height: 500px; position: static">
| |
| - | <h3>SOFTWARE </h3>
| |
| - | <div id="wizardwrapper">
| |
| - |
| |
| - | <div class="1">
| |
| - |
| |
| - | <h4>Genome Viewer</h4>
| |
| - | <div id="wizardcontent" class="softwaretext"><p> Firstly, we consider the Genome Viewer, which visualizes the E coli genome, locates the genes on the genome and make it easy to study the characteristics of the genome.</p><p> With this Genome Browser, researchers can approach most information on biotechnology. Users are able to search Biobricks, plasmids and genomes of model microorganisms, in the same time, gene annotations and information of GenBank are presented. The protein sequence is also showed according to the DNA sequences. Aside from searching sequences, users can also input or modify the sequences, insert annotation and build target plasmids they need. The Genome Browser support the format of FASTA when import and export the sequences.</p></div>
| |
| - | <div class="buttons">
| |
| - | <button type="submit" class="previous" disabled="disabled"> <img src="images/arrow_left.png" alt=""/> Back </button>
| |
| - | <button type="submit" class="next" onclick="loadnext(1,2);"> Next <img src="images/arrow_right.png" alt="" /> </button>
| |
| - |
| |
| - | </div>
| |
| - | <ul id="mainNav" class="fiveStep">
| |
| - | <li class="current"><a title=""><em>Part 1: Genome Viewer</em></a></li>
| |
| - | <li><a title=""><em>Part 2: Database</em></a></li>
| |
| - | <li><a title=""><em>Part 3: Riboswitch Designer</em></a></li>
| |
| - | <li><a title=""><em>Part 4: Network Illustrator</em></a></li>
| |
| - |
| |
| - | <li class="mainNavNoBg"><a title=""><em>Part 5: Simulator</em> </a></li>
| |
| - | </ul>
| |
| - | <div style="clear:both"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div id="wizardpanel" class="2">
| |
| - | <h4>Database</h4>
| |
| - | <div id="wizardcontent" class="softwaretext"><p> Secondly, to meet the need of protein-protein interaction researches, we optimize the methods of scanning and output of the existing database, and also supplement the biological information by building novel database. </p><p> This part of the software focus on the design of regulatory elements of metabolic networks, mainly non-coding RNAs including SiRNA and Riboswitch. When a certain gene or protein is given, the Designer would generate the elements. What’s more, the primary and secondary structure can be predicted and presented in the Designer. The function of structure prediction can be also applied in other non-coding RNAs, for instance, microRNAs.</p></div>
| |
| - |
| |
| - | <div class="buttons">
| |
| - | <button type="submit" class="previous" onclick="loadnext(2,1);"> <img src="images/arrow_left.png" alt="" /> Back </button>
| |
| - | <button type="submit" class="next" onclick="loadnext(2,3);"> Next <img src="images/arrow_right.png" alt="" /> </button>
| |
| - | </div>
| |
| - | <ul id="mainNav" class="fiveStep">
| |
| - | <li class="lastDone"><a href="/" title=""><em>Part 1: Genome Viewer</em></a></li>
| |
| - |
| |
| - | <li class="current"><a title=""><em>Part 2: Database</em></a></li>
| |
| - | <li><a title=""><em>Part 3: Riboswitch Designer</em></a></li>
| |
| - | <li><a title=""><em>Part 4: Network Illustrator</em></a></li>
| |
| - | <li class="mainNavNoBg"><a title=""><em>Part 5: Simulator</em> </a></li>
| |
| - |
| |
| - | </ul><div style="clear:both"></div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <div id="wizardpanel" class="3">
| |
| - | <h4>Riboswitch Designer</h4>
| |
| - | <div id="wizardcontent" class="softwaretext"><p> Thirdly, we develop a Riboswitch Designer, to help the design of riboswitch, a thriving method applied in biological research, by building an optimized algorithm.</p><p> Relying on the KEGG Pathway database, the Illustrator exports the optimized relevant pathway map of a gene or transcription factor the user interests in. </p> </div>
| |
| - | <div class="buttons">
| |
| - | <button type="submit" class="previous" onclick="loadnext(3,2);"> <img src="images/arrow_left.png" alt="" /> Back </button>
| |
| - |
| |
| - | <button type="submit" class="next" onclick="loadnext(3,4);"> Next <img src="images/arrow_right.png" alt=""/> </button>
| |
| - | </div>
| |
| - | <ul id="mainNav" class="fiveStep">
| |
| - | <li class="done"><a href="/" title=""><em>Part 1: Genome Viewer</em></a></li>
| |
| - | <li class="lastDone"><a href="/" title=""><em>Part 2: Database</em></a></li>
| |
| - |
| |
| - | <li class="current"><a title=""><em>Part 3: Riboswitch Designer</em></a></li>
| |
| - | <li><a title=""><em>Part 4: Network Illustrator</em></a></li>
| |
| - | <li class="mainNavNoBg"><a title=""><em>Part 5: Simulator</em> </a></li>
| |
| - | </ul><div style="clear:both"></div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <div id="wizardpanel" class="4" >
| |
| - | <h4>Network Illustrator</h4>
| |
| - | <div id="wizardcontent" class="softwaretext"><p> Fourthly, to analyze the dynamic change in various metabolic networks, we present a simulator that help the researchers analyze the network in silico, in method of flux balance analysis (FBA).</p> <p> Simulator is a tool to analyze target metabolic network in method of flux balance analysis (FBA). The Simulator would help researchers rebuild the metabolic network and search key genes in the network, in order to simplify the synthesis design. Relying on the KEGG Pathway database, a novel rFBA model is formed when regulation-relevant conditions are added into the primitive FBA model, which would help the researchers observe the dynamic change in the metabolic system. Moreover, unlike the mainstream of FBA, the analysis of the Simulator is not based on Matlab and is simple for users.</p></div>
| |
| - | <div class="buttons">
| |
| - | <button type="submit" class="previous" onclick="loadnext(4,3);"> <img src="images/arrow_left.png" alt="" /> Back </button>
| |
| - | <button type="submit" class="next" onclick="loadnext(4,5);"> Next <img src="images/arrow_right.png" alt="" /> </button>
| |
| - |
| |
| - | </div>
| |
| - | <ul id="mainNav" class="fiveStep">
| |
| - | <li class="done"><a href="/" title=""><em>Part 1: Genome Viewer</em></a></li>
| |
| - | <li class="done"><a href="/" title=""><em>Part 2: Database</em></a></li>
| |
| - | <li class="lastDone"><a href="/" title=""><em>Part 3: Riboswitch Designer</em></a></li>
| |
| - | <li class="current"><a title=""><em>Part 4: Network Illustrator</em></a></li>
| |
| - |
| |
| - | <li class="mainNavNoBg"><a title=""><em>Part 5: Simulator</em> </a></li>
| |
| - | </ul><div style="clear:both"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div id="wizardpanel" class="5">
| |
| - | <h4>Simulator</h4>
| |
| - | <div id="wizardcontent" class="softwaretext"><p> Further, to make it more convenient, the software is localized; that is to say, all functions mentioned above can be achieved without linkage to Internet.</p> </div>
| |
| - |
| |
| - | <div class="buttons">
| |
| - | <button type="submit" class="previous" onclick="loadnext(5,4);"> <img src="images/arrow_left.png" alt="" /> Back </button>
| |
| - | <button type="submit" class="next" onclick="submit()"> Finish <img src="images/arrow_right.png" alt="" /> </button>
| |
| - | </div>
| |
| - | <ul id="mainNav" class="fiveStep">
| |
| - | <li class="done"><a href="/" title=""><em>Part 1: Genome Viewer</em></a></li>
| |
| - |
| |
| - | <li class="done"><a href="/" title=""><em>Part 2: Database</em></a></li>
| |
| - | <li class="done"><a href="/" title=""><em>Part 3: Riboswitch Designer</em></a></li>
| |
| - | <li class="lastDone"><a href="/" title=""><em>Part 4: Network Illustrator</em></a></li>
| |
| - | <li class="mainNavNoBg current"><a title=""><em>Part 5: Simulator</em> </a></li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <div style="clear:both"></div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <!-- ----------------------------------------------------------------------------------- -->
| |
| - | <div role="contentinfo" id="footer-contents">
| |
| - | <h3>our TEAM </h3>
| |
| - | <div id="simple-example" style="padding: 5px; height: 280px; width: 420px; background-color: #E6E6E0"> <img src="demoimages/1.jpg" title="Masterpiece"> <img src="demoimages/2.jpg" title="Teeth"> <img src="demoimages/3.jpg" title="Roar"> <img src="demoimages/4.jpg" title="Feed me"> <img src="demoimages/5.jpg" title="Debugging"> <img src="demoimages/6.jpg" title="Baby">
| |
| - | <div style="width:525px;height: 280px; background:#e0caf0 ; position: absolute; margin-left: 450px;">
| |
| - | <article style="width:inherit; height: 250px; position: absolute; table-layout:auto; text-align: center; vertical-align: middle;"><p>
| |
| - | </p></article>
| |
| - | </div>
| |
| - | </div>
| |
| - | <!-- ----------------------------------------------------- -->
| |
| - |
| |
| - | <h3>SYSU-SOFTWARE </h3>
| |
| - |
| |
| - | <div id="firefox"> <p style="background-color:black ; " > </p>
| |
| - | <!-- start menu #footer-menu -->
| |
| - | <div role="navigation" id="footer-menu">
| |
| - | <img src="footer-img.gif"; style=" margin-bottom: -40px;padding: -10px;" width="25" height="34"/><ul>
| |
| - | <li>
| |
| - | <a href="/features/" class="style1">Project</a>
| |
| - | <ul>
| |
| - | <li class="first"><a href="/features/"><span >Overview</span></a></li>
| |
| - | <li><a href="/security/">Genome Viewer</a></li>
| |
| - | <li><a href="/performance/">Database</a></li>
| |
| - |
| |
| - | <li class="last"><a target="_blank" href="http://support..com/zh-CN/home/" class="external">
| |
| - | Riboswitch Designer</a></li>
| |
| - | <li class="last"><a target="_blank" href="http://support..com/zh-CN/home/" class="external">
| |
| - | Network Illustrator</a></li>
| |
| - | <li class="last"><a target="_blank" href="http://support..com/zh-CN/home/" class="external">
| |
| - | Simulator</a></li>
| |
| - |
| |
| - |
| |
| - |
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li style="left: 0px; top: 0px">
| |
| - | <a href="/addon/" class="style1">Software</a>
| |
| - | <ul>
| |
| - | <li class="first"><a href="/addon/">Download</a></li>
| |
| - | <li><a target="_blank" class="external" href="http://.com.cn/selections/">
| |
| - | Protocols</a></li>
| |
| - |
| |
| - |
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li style="left: 0px; top: 0px">
| |
| - | <a href="/addon/" class="style1">Extra</a>
| |
| - | <ul>
| |
| - | <li class="first"><a href="/addon/">Safety</a></li>
| |
| - | <li><a target="_blank" class="external" href="http://.com.cn/selections/">
| |
| - | Notebook</a></li>
| |
| - | <li><a target="_blank" class="external" href="https://addons..org/zh-cn/firefox/">
| |
| - | Source Code</a></li>
| |
| - | <li><a target="_blank" class="external" href="https://developer..org/">
| |
| - | Tools & Protocols</a></li>
| |
| - | <li><a href="/addon/personas/">References</a></li>
| |
| - |
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <a target="_blank" class="style1" href="http://.com.cn/">
| |
| - | About</a>
| |
| - | <ul>
| |
| - | <li class="first"><a target="_blank" class="external" href="http://.com.cn/">
| |
| - | Team</a></li>
| |
| - | <li><a target="_blank" class="external" href="http://.com.cn/home/open/">
| |
| - | Logos</a></li>
| |
| - | <li><a target="_blank" class="external" href="http://.com.cn/topic/5/">
| |
| - | Sun Yat-sen University</a></li>
| |
| - | <li><a target="_blank" class="external" href="http://.com.cn/topic/4/">
| |
| - | Acknowledgement</a></li>
| |
| - | <li class="last"><a target="_blank" class="external" href="http://.com.cn/topic/2/">
| |
| - | Contacts Us</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <!-- end menu #footer-menu -->
| |
| - |
| |
| - | <div id="copyright">
| |
| - | <p>Copyright © </p>
| |
| - | <p style="height: 239px"><a target="_blank" href=""></a> | <span></span> | <a href=""></a></p>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | </div></div>
| |
| - | <!-- ----------------------------------------------------- -->
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - | </html>
| |
"
