Biomod/2014/acknowledgement.html

From OpenWetWare
Jump to navigationJump to search

<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">


body { 

    display:block;
    background-color: #000000;
   
    }

.ys01 { 

     text-align: left;
     }

/* --the header css-- */

  1. apDiv1 {

position:relative; 

       float:left;

left:0px; top:0px; 

       margin-right:0px;

width:1100px; height:150px; z-index:1; overflow: visible; text-align: left; background-image: url(http://openwetware.org/images/6/6a/Tianjin_index22.png); 

       }

/* -- navigator css -- */

  1. apDiv2 {

position:relative; float:left; 

       left:0px;

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); 

       }
  1. apDiv2 table {

font-size: 18px; 

             text-align: center;
             }


.ys01 #apDiv2 table { text-align: center; 

                   }

.ys01 #apDiv2 table tr td a { color: #FFF; 

                           }

/* -- navigator css -- */

  1. navDiv li { margin: 0; padding: 0;}
  2. navDiv ul {margin: 0; padding: 0; list-style: none; z-index:99;}
  3. navDiv a {text-decoration: none;margin: 0; padding: 0;}
  4. navDiv

{ 

       /* -- background body of navigator css -- */

position: relative; 

       float: left;

height: 40px; width:1100px; left: 0px; background-color: #ffffff; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:60px; 

       z-index:60;
       font-family: "Arial Black", Gadget, sans-serif;
       text-align: left;

}


  1. navDiv > ul > li {
   float: left;
   margin-left: 71px;
   position: relative;

}

/* -- when mouse not on the navigator css -- */

  1. navDiv > ul > li > a {
   color: #333333;
   font-family: Verdana, 'Lucida Grande';
   font-size: 15px;
   line-height: 40px;
   padding: 11px 20px;

-webkit-transition: color .15s; 

  -moz-transition: color .15s;
    -o-transition: color .15s;
       transition: color .15s;

}

/* -- when mouse on the navigator css -- */

  1. navDiv > ul > li > a:hover {color: #ffffff; background-color: #000000;}

/* -- top and bottom of the sub meun css -- */

  1. navDiv > ul > li > ul

{ 

   opacity: 0;
   visibility: hidden;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   position: absolute;
   top: 30px;
   left: 50%;
   margin-left: -90px;
   width: 180px;

-webkit-transition: all 0.3s 0.1s; 

  -moz-transition: all 0.3s 0.1s;
    -o-transition: all 0.3s 0.1s;
       transition: all 0.3s 0.1s;

-webkit-border-radius: 5px; 

  -moz-border-radius: 5px;
       border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); 

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,0.4);

}

  1. navDiv > ul > li:hover > ul

{ 

   opacity: 1;
   top: 40px;
   visibility: visible;

}

  1. navDiv > ul > li > ul:before

{ 

   content: ;
   display: block;
   border-color: transparent transparent rgb(250,250,250) transparent;
   border-style: solid;
   border-width: 10px;
   position: absolute;
   top: -20px;
   left: 50%;
   margin-left: -10px;

}

  1. navDiv > ul ul > li { position: relative;}

/* -- when mouse not on the submeun css -- */

  1. navDiv ul ul a

{ 

   color: rgb(50,50,50);
   font-family: Verdana, 'Lucida Grande';
   font-size: 13px;
   background-color: rgb(250,250,250);
   padding: 5px 8px 7px 16px;
   display: block;

-webkit-transition: background-color .1s; 

  -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
       transition: background-color .1s;

}



  1. navDiv ul ul ul

{ 

   visibility: hidden;
   opacity: 0;
   position: absolute;
   top: -16px;
   left: 206px;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   width: 160px;

-webkit-transition: all .3s; 

  -moz-transition: all .3s;
    -o-transition: all .3s;
       transition: all .3s;

-webkit-border-radius: 5px; 

  -moz-border-radius: 5px;
       border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); 

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}


  1. navDiv ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

/* -- when mouse on the navigator css -- */

  1. navDiv ul ul a:hover

{ 

   background-color: #777777;
   color: rgb(240,240,240);

}


/* Back to top css */ .back-to { 

   position: fixed;
   bottom: 35px;
   *bottom: 50px;
   _bottom: 35px;
   right: 10px;
   z-index: 999;
   width: 50px;
   zoom: 1;
   }
  • html .back-to {
   /* 不能用 _position 这种写法，因为它在IE7+也会执行expression。。。 */
   position: expression(function(ele){ele.runtimeStyle.position='absolute';Expressions.style.position.fixed(ele);}(this))
   }

.back-to { 

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-home.png) no-repeat 0 0;
   outline: 0 none;
   text-indent: -9999em;

   }

.back-to:hover { 

   background-position: -50px 0
   }

.back-to .back-top { 

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-top.png) no-repeat 0 0;
   margin-left: 10px;
   outline: 0 none;
   text-indent: -9999em;
   }

.back-to .backtotop { 

   float: left;
   display: block;
   width: 50px;
   height: 50px;
   background: #666 url(http://a.xnimg.cn/imgpro/arrow/btt.png) 8px -57px no-repeat;
   margin-bottom: 15px;
   outline: 0 none;
   text-indent: -9999em;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   position: relative;
  -moz-box-shadow:  0px 0px 15px #ccc;
  -webkit-box-shadow:  0px 0px 15px #ccc;
  box-shadow:  0px 0px 15px #ccc;
   }

.back-to .backtotop:hover { 

   background-color: #333;
   background-position: 8px 13px;
   }

.back-to .backtotop .back-tip { 

   position: absolute;
   visibility: hidden;
   top: -31px;
   left: -10px;
   }

.back-to .backtotop:hover .back-tip { 

   visibility: visible;
   }

.back-to .back-top:hover { 

   background-position: -50px 0;
   }





/* --video css -- */

  1. apDiv3 {

position:relative; 

       float:left;

width:650px; height:538px; z-index:5; text-align: center; 

       }
  1. apDiv3 table {

text-align: center; 

             }
  1. apDiv4 {

position:absolute; left:48px; top:31px; width:560px; height:310px; z-index:9; 

        }


/* -- bottle-shape on-off css -- */

  1. apDiv6 {

position:absolute; left:48px; top:371px; width:576px; height:63px; z-index:15; 

        }

.ys01 #apDiv6 table { text-align: left; 

                    }


/* -- Abstract css -- */

  1. apDiv7 {

position:relative; float:left; 

        display:block;
        left:0px;

width:450px; height:800px; z-index:3; text-align: left; font-family: "Comic Sans MS", cursive; font-weight: bold; font-size: 18px; color: #000; background-color: #ffffff; 

        padding: 10px
        }

.ys02 { 

     font-size: 36px;
     color: #F00;
     }

/* -- Photo roll css -- */

  1. apDiv8 {

position:relative; 

        float:left;
        width:500px;
        height:347px;

z-index:17; 

        margin-left:75px;
        }

/*-- background --*/

  1. apDiv9 {

position:absolute; left:-300px; top:0px; width:1800px; height:1230px; z-index:0; 

        background-image: url(http://openwetware.org/images/2/20/Sky2.jpg);

}

</style>



</head>



<body class="ys01";background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);>






<a stats="site_footer_back_to_top" class="backtotop" href="#top" onclick="if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = 'static';window.scrollTo(0,0);if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = ;return false;">Back to top <img stats="site_footer_back_to_top" src="http://openwetware.org/images/a/a7/TJU2012-Back-tip.png" class="back-tip"> </a>





      Abstract
  Recently we designed a complex drug delivery 

system named DNA spaceship for tumor therapy. 

The main body of our DNA spaceship is DNA 

origami and drugs are loaded inside. Magnetic 

nanoparticles(Fe3O4) are modified on our DNA 

origami to control the transportation of the DNA 

origami more precisely by applying magnetic field. 

The opening of DNA origami (release of drugs 

inside) is controlled by light signal. We could use 

light signals of varying intensity to open different 

DNA origamis and release different drugs. This 

kind of light control is achieved by Au 

nanoparticles modified on DNA origami. In 

conclusion, drugs can be precisely delivered to the 

tumor cells without damaging normal cells and

drug release is controlled by light signal.



<a href="#"><img src="http://openwetware.org/images/4/44/Tianjin_index14.png" width="64" height="64"></a>

<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>

<img src="http://openwetware.org/images/d/dd/Tianjin_index06.png" width="655" height="563">



<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('
'); document.write('
<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>
'); document.write('
');

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('
');

change_img(); </script>

</body>


<body > <script language="JavaScript"> 

     </script>

</body>

</html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2014/acknowledgement.html&oldid=812735"