Biomod/2014/acknowledgement.html: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
← Older editNewer edit →
Jin Tiansheng (talk | contribs)
1,104 edits
No edit summary
Jin Tiansheng (talk | contribs)
1,104 edits
No edit summary
Line 62: Line 62:
/* -- navigator css -- */
/* -- navigator css -- */


#navDiv ul { margin: 0; padding: 0;}
#navDiv li { margin: 0; padding: 0;}
#navDiv li { margin: 0; padding: 0;}
#navDiv a { margin: 0; padding: 0;}
#navDiv ul {margin: 0; padding: 0; list-style: none; z-index:99;}
#navDiv ul {list-style: none; z-index:99;}
#navDiv a {text-decoration: none;margin: 0; padding: 0;}
#navDiv a {text-decoration: none;}
#navDiv
#navDiv
{
{

Revision as of 05:34, 23 August 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: #99CCFF;
    background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);
    }

.ys01 { 

     text-align: left;
     }

/* -- left part of the header css -- */

  1. apDiv1 {

position:relative; 

       float:left;

left:0px; top:0px; 

       margin-right:0px;

width:550px; height:150px; z-index:1; overflow: visible; text-align: left; background-image: url(http://openwetware.org/images/1/1e/Tianjin_index03.jpg); 

       }

/* -- navigator css -- */

  1. apDiv2 {

position:relative; float:left; 

       left:0px;

width:1100px; height:40px; z-index:2; font-family: "Arial Black", Gadget, sans-serif; text-align: left; background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg); 

       }
  1. apDiv2 table {

font-size: 18px; 

             text-align: center;
             }


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

                   }

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

                           }

/* -- navigator css -- */

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

{ position: relative; 

       float: left;

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

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

}


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

}

  1. navDiv > ul > li > a {
   color: #aaa;
   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;

}

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


  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;}
  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 a:hover {background-color: rgb(240,240,240);}


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


  1. navDiv ul ul a:hover

{ 

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

}


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

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

.back-to { 

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

   }

.back-to:hover { 

   background-position: -50px 0
   }

.back-to .back-top { 

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

.back-to .backtotop { 

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

.back-to .backtotop:hover { 

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

.back-to .backtotop .back-tip { 

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

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

   visibility: visible;
   }

.back-to .back-top:hover { 

   background-position: -50px 0;
   }





/* --video css -- */

  1. apDiv3 {

position:relative; 

       float:left;

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

       }
  1. apDiv3 table {

text-align: center; 

             }
  1. apDiv4 {

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

        }

/* -- right part of the header css -- */

  1. apDiv5 {

position:relative; 

        float:left;

top:0px; width:550px; height:150px; z-index:2; background-image: url(http://openwetware.org/images/d/d7/Tianjin_index04.jpg); text-align: left; 

        }

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

  1. apDiv6 {

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

        }

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

                    }


/* -- Abstract css -- */

  1. apDiv7 {

position:relative; float:left; 

        display:block;
        left:0px;

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

        padding: 10px
        }

.ys02 { 

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

/* -- Photo roll css -- */

  1. apDiv8 {

position:relative; 

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

z-index:17; 

        margin-left:75px;
        }
  1. apDiv9 {

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

        background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);

}

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



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


 <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150">
   <param name="movie" value="http://openwetware.org/images/6/61/Tianjin_index05.swf">
   <param name="quality" value="high">
   <param name="wmode" value="transparent">
   <param name="swfversion" value="8.0.35.0">
   <param name="expressinstall" value="Scripts/expressInstall.swf">
   <object type="application/x-shockwave-flash" data="tianjin_index05.swf" width="193" height="150">
  http://openwetware.org/wiki/Main_Page   
     <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">

此页面上的内容需要较新版本的 Adobe Flash Player。

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

   </object>
 </object>


<a href="#">HOME</a> <a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html">PROJECT</a> <a href="http://openwetware.org/wiki/Biomod/2014/experiment.html" onMouseOver="MM_showHideLayers ('apDiv16',,'show')" onMouseOut="MM_showHideLayers('apDiv16',,'hide')">EXPERIMENT</a> <a href="http://openwetware.org/wiki/Biomod/2014/result.html">RESULT</a> <a href="http://openwetware.org/wiki/Biomod/2014/future.html">FUTURE</a> <a href="http://openwetware.org/wiki/Biomod/2014/members.html">MEMBERS</a> <a href="http://openwetware.org/wiki/Biomod/2014/acknowledgement.html">ACKNOWLEDGEMENT</a>




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





<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">   Abstract
  Recently we designed a complex drug delivery 

system named DNA spaceship for tumor therapy. 

The main body of our DNA spaceship is DNA 

origami and drugs are loaded inside. Magnetic 

nanoparticles(Fe3O4) are modified on our DNA 

origami to control the transportation of the DNA 

origami more precisely by applying magnetic field. 

The opening of DNA origami (release of drugs 

inside) is controlled by light signal. We could use 

light signals of varying intensity to open different 

DNA origamis and release different drugs. This 

kind of light control is achieved by Au 

nanoparticles modified on DNA origami. In 

conclusion, drugs can be precisely delivered to the 

tumor cells without damaging normal cells and

drug release is controlled by light signal. <img src="http://openwetware.org/images/4/49/Tianjin_index18.jpg" width="100" height="100" align="right">



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

<embed src="http://player.56.com/v_MTE4ODA2NzYy.swf" type="application/x-shockwave-flash" width="560" height="315"

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

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



<script> var widths=500; var heights=200; var counts=6; img1=new Image ();img1.src='http://openwetware.org/images/e/ed/Tianjin_index07.jpg'; img2=new Image ();img2.src='http://openwetware.org/images/thumb/5/5f/Tianjin_index08.jpg/180px-Tianjin_index08.jpg'; img3=new Image ();img3.src='http://openwetware.org/images/thumb/9/91/Tianjin_index09.jpg/180px-Tianjin_index09.jpg'; img4=new Image ();img4.src='http://openwetware.org/images/thumb/e/e5/Tianjin_index10.jpg/180px-Tianjin_index10.jpg'; img5=new Image ();img5.src='http://openwetware.org/images/thumb/9/9b/Tianjin_index11.jpg/180px-Tianjin_index11.jpg'; img6=new Image ();img6.src='http://openwetware.org/images/thumb/6/63/Tianjin_index20.jpg/600px-Tianjin_index20.jpg'; url1=new Image ();url1.src=; url2=new Image ();url2.src=; url3=new Image ();url3.src=; url4=new Image ();url4.src=; url5=new Image ();url5.src=; url6=new Image ();url6.src=;

var nn=1; var key=0; function change_img() {if(key==0){key=1;} else if(document.all) {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);} eval('document.getElementById("pic").src=img'+nn+'.src'); eval('document.getElementById("url").href=url'+nn+'.src'); for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';} document.getElementById("xxjdjj"+nn).className='bxx'; nn++;if(nn>counts){nn=1;} tt=setTimeout('change_img()',4000);} function changeimg(n){nn=n;window.clearInterval(tt);change_img();} document.write('<style>'); document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}'); document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-

color:#666;}'); document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-

color:#999;}'); document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}'); document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-

color:#D34600;}'); document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-

color:#D34600;}'); document.write('</style>');

document.write('
'); document.write('
<a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe (gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a>
'); document.write('
');

for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i

+'</a>');}

document.write('
');

change_img(); </script>

</body>


<body > <script language="JavaScript"> 

     </script>

</body>

</html>

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