Biomod/2014/Tianjin: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(149 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 7: Line 5:
<style type="text/css">
<style type="text/css">


/* -- left part of the header css -- */
 
body {   
    display:block;
    background-color: #ffffff;
   
    }
 
.ys01 {
      text-align: left;
      }
 
/* --the header css-- */


#apDiv1 {
#apDiv1 {
position:absolute;
position:relative;
        float:left;
left:0px;
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);
         }
         }


Line 24: Line 36:
/* -- navigator css -- */
/* -- navigator css -- */


#apDiv2 {
#navDiv li { margin: 0; padding: 0;}
position:absolute;
#navDiv ul {margin: 0; padding: 0; list-style: none; z-index:99;}
left:0px;
#navDiv a {text-decoration: none;margin: 0; padding: 0;}
top:150px;
#navDiv
width:1100px;
{
height:40px;
        /* -- background body of navigator css -- */
z-index:2;
position: relative;
font-family: "Arial Black", Gadget, sans-serif;
        float: left;
text-align: left;
height: 40px;
background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg);
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;
}
 
/* -- when mouse on the navigator css -- */
#navDiv > ul > li > a:hover {color: #ffffff; background-color: #000000;}
 
/* -- top and bottom of the sub meun css -- */
#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);
}
 
#navDiv > ul > li:hover > ul
{
    opacity: 1;
    top: 40px;
    visibility: visible;
}
 
#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;
}
 
#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;
}
 
#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);
}
 
#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);
}
 
 
 
/* 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;
    }
 


#apDiv2 table {
      font-size: 18px;
              text-align: center;
              }


/* --video css -- */
/* --video css -- */


#apDiv3 {
#apDiv3 {
position:absolute;
position:relative;
left:450px;
        float:left;
top:190px;
width:490px;
width:650px;
height:538px;
height:538px;
z-index:5;
z-index:5;
text-align: center;
text-align: center;
         }
         }
#apDiv3 table {
#apDiv3 table {
      text-align: center;
      text-align: center;
               }
               }
#apDiv4 {
#apDiv4 {
position:absolute;
position:absolute;
left:48px;
left:25px;
top:31px;
top:24px;
width:560px;
width:500px;
height:310px;
height:310px;
z-index:9;
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 -- */
/* -- bottle-shape on-off css -- */
Line 96: Line 278:
#apDiv6 {
#apDiv6 {
position:absolute;
position:absolute;
left:48px;
left:13px;
top:371px;
top:294px;
width:576px;
width:550px;
height:63px;
height:63px;
z-index:15;
z-index:15;
         }
         }
.ys01 #apDiv6 table {
.ys01 #apDiv6 table {
            text-align: left;
            text-align: left;
                     }
                     }


/* -- Abstract css -- */
/* -- Abstract css -- */


#apDiv7 {
#apDiv7 {
position:absolute;
position:relative;
left:0px;
float:left;
top:190px;
        display:block;
        left:0px;
width:450px;
width:450px;
height:800px;
height:900px;
z-index:16;
z-index:3;
        box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
text-align: left;
text-align: left;
font-family: "Comic Sans MS", cursive;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 16px;
font-size: 18px;
color: #000;
color: #000;
background-color: #99CCFF;
background-color: #ffffff;
        padding: 10px
         }
         }


.ys02 {
.ys02 {
       font-size: 36px;
       font-size: 36px;
       color: #F00;
       color: #99cccc;
       }
       }


Line 131: Line 317:


#apDiv8 {
#apDiv8 {
position:absolute;
position:relative;
left:500px;
        float:left;
top:743px;
         width:480px;
         width:600px;
         height:347px;
         height:347px;
z-index:17;
z-index:17;
        margin-left:50px;
         }
         }
}
/*hidden section*/
.firstHeading{display:none;}
#sidebar-main{display:none;}
#p-cactions{display:none;}
#p-personal{display:none;}
</style>
</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>
</head>
Line 170: Line 346:




<body class="ys01">
<body class="ys01";>


<!--left part of the header-->
<!--header-->
<div id="apDiv1"></div>


<div id="apDiv1"></div>


<!--navigator starts here-->
<!--navigator starts here-->


<div id="apDiv2">
<div id="navDiv">
  <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">
<ul>
    <tr>
      <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li>
      <td width="100" height="40"><a href="#">HOME</a></td>
      <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Idea</span></a>
      <td width="110" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html">PROJECT</a></td>
          <ul>
      <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>
              <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#background'><span>Background</span></a></li>
      <td width="100" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/result.html">RESULT</a></td>
                    <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li>
      <td width="100" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/future.html">FUTURE</a></td>
                    <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#calculation'><span>Calculation</span></a></li>
      <td width="120" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/members.html">MEMBERS</a></td>
          </ul>  
      <td width="290" height="30"><a href="http://openwetware.org/wiki/Biomod/2014/acknowledgement.html">ACKNOWLEDGEMENT</a></td>
            </li>
    </tr>
     
  </table>
            <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>


<!--video starts from here-->


<div id="apDiv3">


<!--bottle-shape on-off picture -->
<div id="toolBackTo" class="back-to" style="left: 1175px; ">
<div id="apDiv6"><a href="#"><img src="http://openwetware.org/images/4/44/Tianjin_index14.png" width="64" height="64"></a></div>
<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="apDiv4">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="560" height="315" id="FLVPlayer">


    <param name="movie" value="http://openwetware.org/images/c/c7/Tianjin_index19.flv" />
    <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 标签提示使用 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>You need a newer 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="Download Adobe Flash Player" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</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="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。如果您不想让用户看到该提示，请将其删除。 -->
    <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-->
<!--Abstract starts here-->


<div id="apDiv7">
<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">&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><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.


<p> system&nbsp;named&nbsp;DNA&nbsp;spaceship&nbsp;for&nbsp;tumor&nbsp;therapy.&nbsp;</p>
<html> <p></br></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>


<!--Photo roll starts here-->
<!--Photo roll starts here-->
Line 295: Line 425:
<div id="apDiv8">
<div id="apDiv8">
<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='';
url1=new Image ();url1.src='';
url2=new Image ();url2.src='';
url2=new Image ();url2.src='';
Line 341: Line 471:
</div>
</div>


<!--Don't know what the function is here-->
</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>
 


<script type="text/javascript">
swfobject.registerObject("FlashID1");
swfobject.registerObject("FLVPlayer");
</script>


</body>


<!--Don't know what the function is here-->
<!--Don't know what the function is here-->
Line 368: 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"