Biomod/2014/Tianjin: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(201 intermediate revisions by the same user not shown)
Line 1: Line 1:
Welcome to Tianjin University BioMOD!
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
Line 6: Line 4:
<title>无标题文档</title>
<title>无标题文档</title>
<style type="text/css">
<style type="text/css">
body {   
    display:block;
    background-color: #ffffff;
   
    }
.ys01 {
      text-align: left;
      }
/* --the header css-- */
#apDiv1 {
#apDiv1 {
position:absolute;
position:relative;
left:-155px;
        float:left;
left:0px;
top:0px;
top:0px;
width:550px;
        margin-right:0px;
height:150px;
width:1000px;
height:360px;
z-index:1;
z-index:1;
        box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
overflow: visible;
overflow: visible;
text-align: left;
text-align: left;
background-image: url(http://openwetware.org/images/1/1e/Tianjin_index03.jpg);
background-image: url(http://openwetware.org/images/3/37/Header_tianjin.png);
        }
 
 
/* -- navigator css -- */
 
#navDiv li { margin: 0; padding: 0;}
#navDiv ul {margin: 0; padding: 0; list-style: none; z-index:99;}
#navDiv a {text-decoration: none;margin: 0; padding: 0;}
#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;
}
 
#navDiv > ul > li {
    float: left;
    margin-left: 30px;
    position: relative;
}
 
/* -- when mouse not on the navigator css -- */
#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;
}
}
#apDiv3 {
 
position:absolute;
/* -- when mouse on the navigator css -- */
left:-155px;
#navDiv > ul > li > a:hover {color: #ffffff; background-color: #000000;}
top:150px;
 
width:1100px;
/* -- top and bottom of the sub meun css -- */
height:40px;
#navDiv > ul > li > ul
z-index:2;
{
font-family: "Arial Black", Gadget, sans-serif;
    opacity: 0;
text-align: left;
    visibility: hidden;
background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg);
    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);
}
}
#apDiv3 table {
 
text-align: center;
#navDiv > ul > li:hover > ul
{
    opacity: 1;
    top: 40px;
    visibility: visible;
}
}
#apDiv3 table {
 
font-size: 14px;
#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;
}
}
#apDiv3 table {
 
font-size: 18px;
#navDiv > ul ul > li { position: relative;}
 
/* -- when mouse not on the submeun css -- */
#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;
}
}
#apDiv3 table {
 
font-size: 24px;
#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);
}
}
#apDiv3 table {
 
font-size: 18px;
#navDiv ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}
 
/* -- when mouse on the navigator css -- */
#navDiv ul ul a:hover
{
    background-color: #777777;
    color: rgb(240,240,240);
}
}
#apDiv8 {
 
position:absolute;
 
left:295px;
 
top:190px;
/* Back to top css */
width:650px;
.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 -- */
 
#apDiv3 {
position:relative;
        float:left;
width:490px;
height:538px;
height:538px;
z-index:5;
z-index:5;
text-align: center;
text-align: center;
}
        }
#apDiv8 table {
 
text-align: center;
#apDiv3 table {
}
      text-align: center;
#apDiv12 {
              }
position:absolute;
 
left:48px;
#apDiv4 {
top:31px;
position:absolute;
width:560px;
left:25px;
height:310px;
top:24px;
z-index:9;
width:500px;
}
height:310px;
.ys01 {
z-index:9;
text-align: left;
        }
}
 
body {
 
background-color: #CCC;
/* -- bottle-shape on-off css -- */
background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);
 
}
#apDiv6 {
#apDiv15 {
position:absolute;
position:absolute;
left:13px;
left:395px;
top:294px;
top:0px;
width:550px;
width:550px;
height:63px;
height:150px;
z-index:15;
z-index:13;
        }
background-image: url(http://openwetware.org/images/d/d7/Tianjin_index04.jpg);
 
text-align: left;
.ys01 #apDiv6 table {
}
            text-align: left;
.ys01 #apDiv3 table {
                    }
text-align: left;
 
}
 
.ys01 #apDiv3 table {
/* -- Abstract css -- */
text-align: center;
 
}
#apDiv7 {
.ys01 #apDiv3 table tr td a {
position:relative;
color: #FFF;
float:left;
}
        display:block;
        left:0px;
width:450px;
height:900px;
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: 16px;
color: #000;
background-color: #ffffff;
        padding: 10px
        }
 
.ys02 {
.ys02 {
color: #FFF;
      font-size: 36px;
}
      color: #99cccc;
#apDiv17 {
      }
position:absolute;
 
left:48px;
/* -- Photo roll css -- */
top:371px;
 
width:576px;
#apDiv8 {
height:63px;
position:relative;
z-index:15;
        float:left;
}
        width:480px;
.ys01 #apDiv17 table {
        height:347px;
text-align: left;
z-index:17;
}
        margin-left:50px;
#apDiv24 {
        }
position:absolute;
 
left:-155px;
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;
}
#apDiv25 {
position:absolute;
left:345px;
top:743px;
width:600px;
height:347px;
z-index:17;
}
}
/*hidden section*/
.firstHeading{display:none;}
#sidebar-main{display:none;}
#p-cactions{display:none;}
#p-personal{display:none;}
</style>
</style>
<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>
</head>


<body class="ys01">
 
<div id="apDiv1"></div>
 
<div id="apDiv3">
 
  <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>
<body class="ys01";>
      <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>
<!--header-->
      <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>
<div id="apDiv1"></div>
      <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>
<!--navigator starts here-->
      <td width="290" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/acknowledgement.html">ACKNOWLEDGEMENT</a></td>
 
    </tr>
<div id="navDiv">
  </table>
<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>
<div id="apDiv8">
 
<div id="apDiv17"><a href="#"><img src="http://openwetware.org/images/4/44/Tianjin_index14.png" width="64" height="64"></a></div>
 
<div id="apDiv12">
 
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="560" height="315" id="FLVPlayer">
<div id="toolBackTo" class="back-to" style="left: 1175px; ">
    <param name="movie" value="http://openwetware.org/images/c/c7/Tianjin_index19.flv" />
<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
    <param name="quality" value="high">
<img stats="site_footer_back_to_top" src="http://openwetware.org/images/a/a7/TJU2012-Back-tip.png" class="back-tip">
    <param name="wmode" value="opaque">
</a>
    <param name="scale" value="noscale">
    <param name="salign" value="lt">
    <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Corona_Skin_3&amp;streamName=tianjin_index19&amp;autoPlay=true&amp;autoRewind=true" />
    <param name="swfversion" value="8,0,0,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="FLVPlayer_Progressive.swf" width="560" height="315">
      <!--<![endif]-->
      <param name="quality" value="high">
      <param name="wmode" value="opaque">
      <param name="scale" value="noscale">
      <param name="salign" value="lt">
      <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Corona_Skin_3&amp;streamName=tianjin_index19&amp;autoPlay=true&amp;autoRewind=true" />
      <param name="swfversion" value="8,0,0,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>
</div>
<img src="http://openwetware.org/images/d/dd/Tianjin_index06.png" width="655" height="563"><br>
 
<br>
 
 
 
 
 
 
<!--Abstract starts here-->
 
<div id="apDiv7">
<p><span class="ys02">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Abstract</span></br>
</br> &nbsp;
</html>
The emergence of DNA nanotechnology has led to the design and bottom-up construction of a wide range of artificial nanostructures with spatially diverse addressable shapes, two- and three-dimensional (2D and 3D) geometries, and functions as well as nanodevices and nanomachines. With a high level of structural programmability and obvious biocompatibility, accurately controlled and self-assembled DNA origami is emerging as strong candidate for delivery of small biomolecules in living systems.
 
Hence, this year, we design a GNP(gold nano-particle)-DNA origami complex, which possess both photothermal properties associated with GNPs and programming properties intrinsic to DNA. The complex responds to optical stimulation, since we modified GNPs on particular margin-staple strand, just like the zipper on the clothes. Once given the range intensities of optical stimulation, we prospect that the generated heat by GNPs can break the hydrogen bonds of surrounding double-strand DNA, separating the staple strand, and open the occlusive DNA origami case. To avoid the reclosing of origami, we develop a special strand-displacement reaction towards the link between GNPs and DNA origami.
 
Our device is photo-triggerable, which embrace remote controllability, low systemic toxicity and few side effects. We select to motivate the photothermal induction of GNPs by near-infrared irradiation (NIR irradiation), because NIR irradiation can penetrate deeper in tissues and cause less photodamage in comparison to visible light and UV-vis irradiation.
 
Finally, by introducing gold nanoparticles into DNA origami, we demonstrate the device as an efficient light-controllable switch, making this a promising candidate platform for unique potential applications intended for anticancer therapy, nanorobot and protein synthesis in vitro.
 
<html>  <p></br></p>
</div>
</div>
<div id="apDiv15">
 
<object id="FlashID1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="193" 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。如果您不想让用户看到该提示，请将其删除。 -->
<!--Photo roll starts here-->
    <param name="expressinstall" value="Scripts/expressInstall.swf">
 
    <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
<div id="apDiv8">
    <!--[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>
<div id="apDiv24">
  <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">&nbsp; <span class="ys02">&nbsp;&nbsp; Abstract</span><br>
  &nbsp; Recently&nbsp;we&nbsp;designed&nbsp;a&nbsp;complex&nbsp;drug&nbsp;delivery&nbsp;</p>
  <p>  system&nbsp;named&nbsp;DNA&nbsp;spaceship&nbsp;for&nbsp;tumor&nbsp;therapy.&nbsp;</p>
  <p>The main&nbsp;body&nbsp;of&nbsp;our&nbsp;DNA&nbsp;spaceship&nbsp;is&nbsp;DNA&nbsp;</p>
  <p>origami&nbsp;and&nbsp;drugs&nbsp;are loaded&nbsp;inside.&nbsp;Magnetic&nbsp;</p>
<p>nanoparticles(Fe3O4)&nbsp;are&nbsp;modified&nbsp;on&nbsp;our&nbsp;DNA&nbsp;</p>
  <p>origami&nbsp;to&nbsp;control&nbsp;the&nbsp;transportation&nbsp;of&nbsp;the&nbsp;DNA&nbsp;</p>
  <p>origami&nbsp;more&nbsp;precisely&nbsp;by&nbsp;applying&nbsp;magnetic&nbsp;field.&nbsp;</p>
<p >The&nbsp;opening&nbsp;of&nbsp;DNA&nbsp;origami&nbsp;(release&nbsp;of&nbsp;drugs&nbsp;</p>
<p >inside)&nbsp;is&nbsp;controlled&nbsp;by&nbsp;light&nbsp;signal.&nbsp;We&nbsp;could&nbsp;use&nbsp;</p>
<p >light&nbsp;signals&nbsp;of&nbsp;varying&nbsp;intensity&nbsp;to&nbsp;open&nbsp;different&nbsp;</p>
<p >DNA&nbsp;origamis&nbsp;and&nbsp;release&nbsp;different&nbsp;drugs.&nbsp;This&nbsp;</p>
<p >kind&nbsp;of&nbsp;light&nbsp;control&nbsp;is&nbsp;achieved&nbsp;by&nbsp;Au&nbsp;</p>
<p >nanoparticles&nbsp;modified&nbsp;on&nbsp;DNA&nbsp;origami.&nbsp;In&nbsp;</p>
<p >conclusion,&nbsp;drugs&nbsp;can&nbsp;be&nbsp;precisely&nbsp;delivered&nbsp;to&nbsp;the&nbsp;</p>
<p >tumor&nbsp;cells&nbsp;without damaging&nbsp;normal&nbsp;cells&nbsp;and</p>
<p > drug&nbsp;release&nbsp;is&nbsp;controlled&nbsp;by&nbsp;light&nbsp;signal. <img src="http://openwetware.org/images/4/49/Tianjin_index18.jpg" width="100" height="100" align="right"><br>
</p>
  <p>    <br>
</p>
</div>
<div id="apDiv25">
<script>
<script>
var widths=500;
var widths=450;
var heights=200;
var heights=300;
var counts=6;
var counts=6;
img1=new Image ();img1.src='http://openwetware.org/images/e/ed/Tianjin_index07.jpg';
img1=new Image ();img1.src='http://openwetware.org/images/2/2f/QQ%E6%88%AA%E5%9B%BE20141026083449.png';
img2=new Image ();img2.src='http://openwetware.org/images/thumb/5/5f/Tianjin_index08.jpg/180px-Tianjin_index08.jpg';
img2=new Image ();img2.src='http://openwetware.org/images/8/83/QQ%E6%88%AA%E5%9B%BE20141026100923.png';
img3=new Image ();img3.src='http://openwetware.org/images/thumb/9/91/Tianjin_index09.jpg/180px-Tianjin_index09.jpg';
img3=new Image ();img3.src='http://openwetware.org/images/6/61/%E6%9C%AA%E6%A0%87%E9%A2%98-1.gif';
img4=new Image ();img4.src='http://openwetware.org/images/thumb/e/e5/Tianjin_index10.jpg/180px-Tianjin_index10.jpg';
img4=new Image ();img4.src='http://openwetware.org/images/e/e7/AFM.jpg';
img5=new Image ();img5.src='http://openwetware.org/images/thumb/9/9b/Tianjin_index11.jpg/180px-Tianjin_index11.jpg';
img5=new Image ();img5.src="http://openwetware.org/images/2/28/SsDNA-Au.gif";
img6=new Image ();img6.src='http://openwetware.org/images/thumb/6/63/Tianjin_index20.jpg/600px-Tianjin_index20.jpg';
img6=new Image ();img6.src="http://openwetware.org/images/0/05/%E8%83%B6%E5%9B%BE%E8%A7%A3%E9%93%BE.png";
url1=new Image ();url1.src='http://www.zzjs.net';
url1=new Image ();url1.src='';
url2=new Image ();url2.src='http://www.zzjs.net';
url2=new Image ();url2.src='';
url3=new Image ();url3.src='http://www.zzjs.net';
url3=new Image ();url3.src='';
url4=new Image ();url4.src='http://www.zzjs.net';
url4=new Image ();url4.src='';
url5=new Image ();url5.src='http://www.zzjs.net';
url5=new Image ();url5.src='';
url6=new Image ();url6.src='http://www.zzjs.net';
url6=new Image ();url6.src='';


var nn=1;
var nn=1;
Line 299: Line 470:
</script>
</script>
</div>
</div>
<script type="text/javascript">
 
swfobject.registerObject("FlashID1");
swfobject.registerObject("FLVPlayer");
</script>
</body>
</body>
<!--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="50" height="50"></a></div>
<div id="apDiv4"; class="video" >
<embed src="//www.youtube.com/embed/uR2D05GZhjs?feature=player_detailpage"  width="400" height="250"
allowfullscreen="true" allownetworking="all" allowscriptaccess="always"></embed>
</div>
<!--the displayer case of the video -->
<img src="http://openwetware.org/images/2/21/Vedio_background.png" width="510" height="463"><br>
</br>
</div>
<!--Don't know what the function is here-->
<body >
<body >
<script
<script language="JavaScript">
    language="JavaScript">
<!--  
<!--  
//To add more stars simply add more colours in below array!!
//To add more stars simply add more colours in below array!!
Line 321: Line 516:
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');
for (i=0; i < amount; i++)
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('<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>');
document.write('</div></div>');
}
}

Latest revision as of 21:13, 25 October 2014

<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: #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. 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: 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:490px; height:538px; z-index:5; text-align: center; 

       }
  1. apDiv3 table {

text-align: center; 

             }
  1. apDiv4 {

position:absolute; left:25px; top:24px; width:500px; height:310px; z-index:9; 

        }


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

  1. apDiv6 {

position:absolute; left:13px; top:294px; width:550px; 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:900px; 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: 16px; color: #000; background-color: #ffffff; 

        padding: 10px
        }

.ys02 { 

     font-size: 36px;
     color: #99cccc;
     }

/* -- Photo roll css -- */

  1. apDiv8 {

position:relative; 

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

z-index:17; 

        margin-left:50px;
        }

}

/*hidden section*/

.firstHeading{display:none;}

  1. sidebar-main{display:none;}
  2. p-cactions{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>




<!--Abstract starts here-->

<div id="apDiv7"> <p><span class="ys02">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Abstract</span></br> </br> &nbsp; </html> The emergence of DNA nanotechnology has led to the design and bottom-up construction of a wide range of artificial nanostructures with spatially diverse addressable shapes, two- and three-dimensional (2D and 3D) geometries, and functions as well as nanodevices and nanomachines. With a high level of structural programmability and obvious biocompatibility, accurately controlled and self-assembled DNA origami is emerging as strong candidate for delivery of small biomolecules in living systems.

Hence, this year, we design a GNP(gold nano-particle)-DNA origami complex, which possess both photothermal properties associated with GNPs and programming properties intrinsic to DNA. The complex responds to optical stimulation, since we modified GNPs on particular margin-staple strand, just like the zipper on the clothes. Once given the range intensities of optical stimulation, we prospect that the generated heat by GNPs can break the hydrogen bonds of surrounding double-strand DNA, separating the staple strand, and open the occlusive DNA origami case. To avoid the reclosing of origami, we develop a special strand-displacement reaction towards the link between GNPs and DNA origami.

Our device is photo-triggerable, which embrace remote controllability, low systemic toxicity and few side effects. We select to motivate the photothermal induction of GNPs by near-infrared irradiation (NIR irradiation), because NIR irradiation can penetrate deeper in tissues and cause less photodamage in comparison to visible light and UV-vis irradiation.

Finally, by introducing gold nanoparticles into DNA origami, we demonstrate the device as an efficient light-controllable switch, making this a promising candidate platform for unique potential applications intended for anticancer therapy, nanorobot and protein synthesis in vitro.

<html> <p></br></p> </div>




<!--Photo roll starts here-->

<div id="apDiv8"> <script> var widths=450; var heights=300; var counts=6; img1=new Image ();img1.src='http://openwetware.org/images/2/2f/QQ%E6%88%AA%E5%9B%BE20141026083449.png'; img2=new Image ();img2.src='http://openwetware.org/images/8/83/QQ%E6%88%AA%E5%9B%BE20141026100923.png'; img3=new Image ();img3.src='http://openwetware.org/images/6/61/%E6%9C%AA%E6%A0%87%E9%A2%98-1.gif'; img4=new Image ();img4.src='http://openwetware.org/images/e/e7/AFM.jpg'; img5=new Image ();img5.src="http://openwetware.org/images/2/28/SsDNA-Au.gif"; img6=new Image ();img6.src="http://openwetware.org/images/0/05/%E8%83%B6%E5%9B%BE%E8%A7%A3%E9%93%BE.png"; 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>


<!--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="50" height="50"></a></div>

<div id="apDiv4"; class="video" > <embed src="//www.youtube.com/embed/uR2D05GZhjs?feature=player_detailpage" width="400" height="250"

allowfullscreen="true" allownetworking="all" allowscriptaccess="always"></embed>

</div>

<!--the displayer case of the video --> <img src="http://openwetware.org/images/2/21/Vedio_background.png" width="510" height="463"><br> </br>

</div>



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

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2014/Tianjin&oldid=837237"