Biomod/2014/future.html

From OpenWetWare
Jump to: navigation, search

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css">

body {

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

.ys01 {

     text-align: left;
     }

/* --the header css -- */

  1. apDiv1 {

position:relative;

       float:left;

left:0px; top:0px;

       margin-right:0px;

width:1000px; height:360px; z-index:1;

       box-shadow: 0px 5px 8px rgba(0,0,0,0.4);

overflow: visible; text-align: left; background-image: url(http://openwetware.org/images/3/37/Header_tianjin.png);

       }

/* -- navigator css -- */

  1. apDiv2 {

position:relative; float:left;

       left:0px;

width:1000px; height:40px; z-index:2; font-family: Georgia, "Times New Roman", Times, 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:1000px; left: 0px; background-color: #ffffff; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:40px;

       z-index:60;
       font-family:  Georgia, "Times New Roman", Times, serif;
       text-align: left;

}

  1. navDiv > ul > li {
   float: left;
   margin-left: 30px;
   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: 0px;
   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 table {

text-align: center;

             }

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

                    }


.ys02 {

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


  1. apDiv10 {
        position:relative;

float:left;

        display:block;
        left:0px;

width:961px; z-index:3;

        box-shadow: 0px 5px 8px rgba(0,0,0,0.4);

text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #000; background-color: #ffffff;

        padding: 20px;
        }

/*hidden section*/

.firstHeading{display:none;}

  1. p-cactions{display:none;}
  2. sidebar-main{display:none;}
  3. p-personal{display:none;}

</style> </head>


<body class="ys01";>

<!--header--> <div id="apDiv1"></div>


<!--navigator starts here-->

<div id="navDiv">

<ul>

  	    <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li>
  	    <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Idea</span></a>
  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#background'><span>Background</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#calculation'><span>Calculation</span></a></li>
 	        </ul>   
           </li>
  	    
           <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a>
  	        <ul>
  	            <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#Three-arm locker"><span>Three-arm Locker</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#Gold nanoparticle based photosensor"><span> Gold Nanoparticle Based Photosensor</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li>
               </ul> 			
           </li>   	
  	    
           <li class='active'><a href="http://openwetware.org/wiki/Tianjin_protocol"><span>Protocol</span></a> 

</li>

           <li class='active'><a href="http://openwetware.org/wiki/Biomod/2014/future.html"><span>Future Work</span></a> 

</li>

           <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/members.html"><span>Members and Acknowledgement</span></a>
           </li>

</ul> </div>


<div id="toolBackTo" class="back-to" style="left: 1175px; "> <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> </div>


<div id="apDiv10"> </html> We have successfully built the device which is made of gold nanoparticles, three arm lockers and DNA origami. And we have great faith in an even broader perspective of its future development, owing to combination of the various possible function of DNA origami and the accurate remote controlling of light.


Furthermore, we are considering to develop our device by adding magnetic nanoparticles. As we have known, the magnetic nanoparticles covered by the gold shell has been reported and brought on stream. If we contain the element of magnetic nanoparticles, we may have the chance to establish a double physical control mechanism that both the light and the magnetic field targeting the destination in vivo. So, the device can not only do fixed point opening, but also achieve orientation movement.


In addition, DNA origami is a well- known carrier for drugs delivery, especially the anti- tumor drug. And our device has twofold benefits for treating:

(1)The photothermal property can be used in the thermal therapy process.

(2)The anti- tumor drug’s controllable releasing.

<html><body>Figure 1.</body></html> Our device as drugs delivery in vivo.

In this case, we are hoping to build a new thought for therapy of disease.


Besides, we plan to text different gold nanoparticles with variety diameter correlated with different density and wavelength of light. Also, we are trying different shapes of DNA origami, such as hexagonal prisms, in order to realize more application.

<html><body>Figure 2.</body></html> Hexagonal prisms origami as drugs delivery in vivo.

<html>

</div> </body> <html>