|
|
| (25 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| Welcome to Tianjin University BioMOD! | | Welcome to BioMOD TJU |
| | |
| <html xmlns="http://www.w3.org/1999/xhtml">
| |
| <head>
| |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| <title>无标题文档</title>
| |
| <style type="text/css">
| |
| | |
| /* -- left part of the header css -- */
| |
| | |
| #apDiv1 {
| |
| position:absolute;
| |
| left:0px;
| |
| top:0px;
| |
| width:550px;
| |
| height:150px;
| |
| z-index:1;
| |
| overflow: visible;
| |
| text-align: left;
| |
| background-image: url(http://openwetware.org/images/1/1e/Tianjin_index03.jpg);
| |
| }
| |
| | |
| | |
| /* -- navigator css -- */
| |
| | |
| #apDiv2 {
| |
| position:absolute;
| |
| left:0px;
| |
| top:150px;
| |
| width:1100px;
| |
| height:40px;
| |
| z-index:2;
| |
| font-family: "Arial Black", Gadget, sans-serif;
| |
| text-align: left;
| |
| background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg);
| |
| }
| |
| | |
| #apDiv2 table {
| |
| font-size: 18px;
| |
| text-align: center;
| |
| }
| |
| | |
| /* --video css -- */
| |
| | |
| #apDiv3 {
| |
| position:absolute;
| |
| left:450px;
| |
| top:190px;
| |
| width:650px;
| |
| height:538px;
| |
| z-index:5;
| |
| text-align: center;
| |
| }
| |
| #apDiv3 table {
| |
| text-align: center;
| |
| }
| |
| #apDiv4 {
| |
| position:absolute;
| |
| left:48px;
| |
| top:31px;
| |
| width:560px;
| |
| height:310px;
| |
| z-index:9;
| |
| }
| |
| .ys01 {
| |
| text-align: left;
| |
| }
| |
| body {
| |
| display: block;
| |
| background-color: #CCC;
| |
| background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);
| |
| }
| |
| | |
| /* -- right part of the header css -- */
| |
| | |
| #apDiv5 {
| |
| position:absolute;
| |
| left:550px;
| |
| top:0px;
| |
| width:550px;
| |
| height:150px;
| |
| z-index:13;
| |
| background-image: url(http://openwetware.org/images/d/d7/Tianjin_index04.jpg);
| |
| text-align: left;
| |
| }
| |
| | |
| .ys01 #apDiv2 table {
| |
| text-align: center;
| |
| }
| |
| .ys01 #apDiv2 table tr td a {
| |
| color: #FFF;
| |
| }
| |
| | |
| /* -- bottle-shape on-off css -- */
| |
| | |
| #apDiv6 {
| |
| position:absolute;
| |
| left:48px;
| |
| top:371px;
| |
| width:576px;
| |
| height:63px;
| |
| z-index:15;
| |
| }
| |
| .ys01 #apDiv6 table {
| |
| text-align: left;
| |
| }
| |
| | |
| /* -- Abstract css -- */
| |
| | |
| #apDiv7 {
| |
| position:absolute;
| |
| left:0px;
| |
| top:190px;
| |
| width:450px;
| |
| height:800px;
| |
| z-index:16;
| |
| text-align: left;
| |
| font-family: "Comic Sans MS", cursive;
| |
| font-weight: bold;
| |
| font-size: 18px;
| |
| color: #000;
| |
| background-color: #99CCFF;
| |
| }
| |
| | |
| .ys02 {
| |
| font-size: 36px;
| |
| color: #F00;
| |
| }
| |
| | |
| /* -- Photo roll css -- */
| |
| | |
| #apDiv8 {
| |
| position:absolute;
| |
| left:500px;
| |
| top:743px;
| |
| width:600px;
| |
| height:347px;
| |
| z-index:17;
| |
| }
| |
| </style>
| |
| | |
| | |
| <!--Don't know the use -->
| |
| | |
| <script src="file:///E|/testsite/SpryAssets/SpryEffects.js" type="text/javascript"></script>
| |
| <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
| |
| <script type="text/javascript">
| |
| function MM_preloadImages() { //v3.0
| |
| var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
| |
| var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
| |
| if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
| |
| }
| |
| function MM_showHideLayers() { //v9.0
| |
| var i,p,v,obj,args=MM_showHideLayers.arguments;
| |
| for (i=0; i<(args.length-2); i+=3)
| |
| with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
| |
| if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
| |
| obj.visibility=v; }
| |
| }
| |
| function MM_effectAppearFade(targetElement, duration, from, to, toggle)
| |
| {
| |
| Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
| |
| }
| |
| </script>
| |
| | |
| </head>
| |
| | |
| | |
| | |
| | |
| | |
| <body class="ys01">
| |
| | |
| <!--left part of the header-->
| |
| | |
| <div id="apDiv1"></div>
| |
| | |
| <!--navigator starts here-->
| |
| | |
| <div id="apDiv2">
| |
| <table width="1100" border="0" align="left" cellpadding="0" cellspacing="0" background="http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg">
| |
| <tr>
| |
| <td width="100" height="40"><a href="#">HOME</a></td>
| |
| <td width="110" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html">PROJECT</a></td>
| |
| <td width="110" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html" onMouseOver="MM_showHideLayers('apDiv16','','show')" onMouseOut="MM_showHideLayers('apDiv16','','hide')">EXPERIMENT</a></td>
| |
| <td width="100" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/result.html">RESULT</a></td>
| |
| <td width="100" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/future.html">FUTURE</a></td>
| |
| <td width="120" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/members.html">MEMBERS</a></td>
| |
| <td width="290" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/acknowledgement.html">ACKNOWLEDGEMENT</a></td>
| |
| </tr>
| |
| </table>
| |
| </div>
| |
| | |
| <!--video starts from here-->
| |
| | |
| <div id="apDiv3">
| |
| | |
| <!--bottle-shape on-off picture -->
| |
| <div id="apDiv6"><a href="#"><img src="http://openwetware.org/images/4/44/Tianjin_index14.png" width="64" height="64"></a></div>
| |
| | |
| <div id="apDiv4"; class="video" >
| |
| <embed src="http://player.56.com/v_MTE4ODA2NzYy.swf" type="application/x-shockwave-flash" width="560" height="315" allowfullscreen="true" allownetworking="all" allowscriptaccess="always"></embed>
| |
| | |
| </div>
| |
| | |
| <!--the displayer case of the video -->
| |
| <img src="http://openwetware.org/images/d/dd/Tianjin_index06.png" width="655" height="563"><br>
| |
| </br>
| |
| | |
| </div>
| |
| | |
| <!--the right part of the header-->
| |
| | |
| <div id="apDiv5">
| |
| <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150">
| |
| <param name="movie" value="http://openwetware.org/images/6/61/Tianjin_index05.swf">
| |
| <param name="quality" value="high">
| |
| <param name="wmode" value="transparent">
| |
| <param name="swfversion" value="8.0.35.0">
| |
| <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->
| |
| <param name="expressinstall" value="Scripts/expressInstall.swf">
| |
| <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
| |
| <!--[if !IE]>-->
| |
| <object type="application/x-shockwave-flash" data="tianjin_index05.swf" width="193" height="150">
| |
| <!--<![endif]-->
| |
| <param name="quality" value="high">
| |
| <param name="wmode" value="transparent">
| |
| <param name="swfversion" value="8.0.35.0">
| |
| <param name="expressinstall" value="Scripts/expressInstall.swf">
| |
| <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
| |
| <div>
| |
| <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
| |
| <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player"/></a></p>
| |
| </div>
| |
| <!--[if !IE]>-->
| |
| </object>
| |
| <!--<![endif]-->
| |
| </object>
| |
| </div>
| |
| | |
| <!--Abstract starts here-->
| |
| | |
| <div id="apDiv7">
| |
| <p><img src="http://openwetware.org/images/thumb/0/08/Tianjin_index17.jpg/559px-Tianjin_index17.jpg" width="100" height="100" hspace="0" vspace="0" align="absmiddle"> <span class="ys02"> Abstract</span></br> Recently we designed a complex drug delivery </p>
| |
| | |
| <p> system named DNA spaceship for tumor therapy. </p>
| |
| <p> The main body of our DNA spaceship is DNA </p>
| |
| <p> origami and drugs are loaded inside. Magnetic </p>
| |
| <p> nanoparticles(Fe<sub>3</sub>O<sub>4</sub>) are modified on our DNA </p>
| |
| <p> origami to control the transportation of the DNA </p>
| |
| <p> origami more precisely by applying magnetic field. </p>
| |
| <p> The opening of DNA origami (release of drugs </p>
| |
| <p> inside) is controlled by light signal. We could use </p>
| |
| <p> light signals of varying intensity to open different </p>
| |
| <p> DNA origamis and release different drugs. This </p>
| |
| <p> kind of light control is achieved by Au </p>
| |
| <p> nanoparticles modified on DNA origami. In </p>
| |
| <p> conclusion, drugs can be precisely delivered to the </p>
| |
| <p> tumor cells without damaging normal cells and</p>
| |
| <p> drug release is controlled by light signal. <img src="http://openwetware.org/images/4/49/Tianjin_index18.jpg" width="100" height="100" align="right"></br> </p>
| |
| <p></br></p>
| |
| </div>
| |
| | |
| <!--Photo roll starts here-->
| |
| | |
| <div id="apDiv8">
| |
| <script>
| |
| var widths=500;
| |
| var heights=200;
| |
| var counts=6;
| |
| img1=new Image ();img1.src='http://openwetware.org/images/e/ed/Tianjin_index07.jpg';
| |
| img2=new Image ();img2.src='http://openwetware.org/images/thumb/5/5f/Tianjin_index08.jpg/180px-Tianjin_index08.jpg';
| |
| img3=new Image ();img3.src='http://openwetware.org/images/thumb/9/91/Tianjin_index09.jpg/180px-Tianjin_index09.jpg';
| |
| img4=new Image ();img4.src='http://openwetware.org/images/thumb/e/e5/Tianjin_index10.jpg/180px-Tianjin_index10.jpg';
| |
| img5=new Image ();img5.src='http://openwetware.org/images/thumb/9/9b/Tianjin_index11.jpg/180px-Tianjin_index11.jpg';
| |
| img6=new Image ();img6.src='http://openwetware.org/images/thumb/6/63/Tianjin_index20.jpg/600px-Tianjin_index20.jpg';
| |
| url1=new Image ();url1.src='';
| |
| url2=new Image ();url2.src='';
| |
| url3=new Image ();url3.src='';
| |
| url4=new Image ();url4.src='';
| |
| url5=new Image ();url5.src='';
| |
| url6=new Image ();url6.src='';
| |
| | |
| var nn=1;
| |
| var key=0;
| |
| function change_img()
| |
| {if(key==0){key=1;}
| |
| else if(document.all)
| |
| {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
| |
| eval('document.getElementById("pic").src=img'+nn+'.src');
| |
| eval('document.getElementById("url").href=url'+nn+'.src');
| |
| for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
| |
| document.getElementById("xxjdjj"+nn).className='bxx';
| |
| nn++;if(nn>counts){nn=1;}
| |
| tt=setTimeout('change_img()',4000);}
| |
| function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
| |
| document.write('<style>');
| |
| document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
| |
| document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
| |
| document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
| |
| document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
| |
| document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
| |
| document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
| |
| document.write('</style>');
| |
| document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
| |
| document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
| |
| document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
| |
| for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
| |
| document.write('</div></div>');
| |
| change_img();
| |
| </script>
| |
| </div>
| |
| | |
| </body>
| |
| | |
| <!--Don't know what the function is here-->
| |
| | |
| <body >
| |
| <script language="JavaScript">
| |
| <!--
| |
| //To add more stars simply add more colours in below array!!
| |
| colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')
| |
| | |
| //Alter nothing below!!
| |
| amount=colours.length;
| |
| YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,ns=(document.layers)?1:0,step=0.2,currStep=0,my=0,mx=0;
| |
| if (ns){
| |
| for (i=0; i < amount; i++)
| |
| document.write('<LAYER NAME="nsstars'+i+'" BGCOLOR='+colours[i]+' CLIP="0,0,2,2"></LAYER>');
| |
| }
| |
| else{
| |
| document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');
| |
| for (i=0; i < amount; i++)
| |
| document.write('<span id="iestars" style="position:absolute;top:0;left:0;width:2px;height:2px;background:'+colours[i]+';font-size:2px"></span>');
| |
| document.write('</div></div>');
| |
| }
| |
| if (ns){
| |
| window.captureEvents(Event.MOUSEMOVE);
| |
| function nMouse(evnt){
| |
| my=evnt.pageY;mx=evnt.pageX
| |
| }
| |
| window.onMouseMove=nMouse;
| |
| }
| |
| else{
| |
| function iMouse(){
| |
| my=event.y;mx=event.x;
| |
| }
| |
| document.onmousemove=iMouse
| |
| }
| |
| function stars(){
| |
| if (!ns)ie.style.top=document.body.scrollTop;
| |
| for (i=0; i < amount; i++)
| |
| {
| |
| var layer=(document.layers)?document.layers["nsstars"+i]:iestars[i].style;
| |
| layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
| |
| layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
| |
| }
| |
| currStep+=step;
| |
| }
| |
| | |
| function delay(){
| |
| Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
| |
| Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
| |
| stars();
| |
| setTimeout('delay()',10);
| |
| }
| |
| delay();
| |
| //-->
| |
| </script>
| |
|
| |
|
| |
| </body>
| |
| | |
| </html>
| |
