|
|
| Line 7: |
Line 7: |
| | <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"> | | <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"> |
| | <!-- Use title if it's in the page YAML frontmatter --> | | <!-- Use title if it's in the page YAML frontmatter --> |
| − | <title>team</title> | + | <title>展示网页</title> |
| | | | |
| | <meta content="#ffffff" name="msapplication-TileColor"> | | <meta content="#ffffff" name="msapplication-TileColor"> |
| Line 17: |
Line 17: |
| | <link href="./presentation_files/slick-theme.css" rel="stylesheet" type="text/css"> | | <link href="./presentation_files/slick-theme.css" rel="stylesheet" type="text/css"> |
| | <link href="./presentation_files/css" rel="stylesheet" type="text/css"> | | <link href="./presentation_files/css" rel="stylesheet" type="text/css"> |
| − |
| |
| − | <style type="text/css">
| |
| − | *{ margin:0; padding:0; list-style:none;}
| |
| − | #nav a { text-decoration:underline;color:#06c; font-size:14px; line-height:24px;text-decoration: none;}
| |
| − | #nav ul{ margin-bottom:5px;}
| |
| − | #nav strong{ color:#696;}
| |
| − | #nav.dyn li ul{ display:none;}
| |
| − | #nav.dyn li ul.show{ display:block;}
| |
| − | #nav.dyn li{ padding-left:15px;line-height:250%}
| |
| − | </style>
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | DOMhelp={
| |
| − | debugWindowId:'DOMhelpdebug',
| |
| − | init:function(){
| |
| − | if(!document.getElementById || !document.createTextNode){return;}
| |
| − | },
| |
| − | lastSibling:function(node){
| |
| − | var tempObj=node.parentNode.lastChild;
| |
| − | while(tempObj.nodeType!=1 && tempObj.previousSibling!=null){
| |
| − | tempObj=tempObj.previousSibling;
| |
| − | }
| |
| − | return (tempObj.nodeType==1)?tempObj:false;
| |
| − | },
| |
| − | firstSibling:function(node){
| |
| − | var tempObj=node.parentNode.firstChild;
| |
| − | while(tempObj.nodeType!=1 && tempObj.nextSibling!=null){
| |
| − | tempObj=tempObj.nextSibling;
| |
| − | }
| |
| − | return (tempObj.nodeType==1)?tempObj:false;
| |
| − | },
| |
| − | getText:function(node){
| |
| − | if(!node.hasChildNodes()){return false;}
| |
| − | var reg=/^\s+$/;
| |
| − | var tempObj=node.firstChild;
| |
| − | while(tempObj.nodeType!=3 && tempObj.nextSibling!=null || reg.test(tempObj.nodeValue)){
| |
| − | tempObj=tempObj.nextSibling;
| |
| − | }
| |
| − | return tempObj.nodeType==3?tempObj.nodeValue:false;
| |
| − | },
| |
| − | setText:function(node,txt){
| |
| − | if(!node.hasChildNodes()){return false;}
| |
| − | var reg=/^\s+$/;
| |
| − | var tempObj=node.firstChild;
| |
| − | while(tempObj.nodeType!=3 && tempObj.nextSibling!=null || reg.test(tempObj.nodeValue)){
| |
| − | tempObj=tempObj.nextSibling;
| |
| − | }
| |
| − | if(tempObj.nodeType==3){tempObj.nodeValue=txt}else{return false;}
| |
| − | },
| |
| − | createLink:function(to,txt){
| |
| − | var tempObj=document.createElement('a');
| |
| − | tempObj.appendChild(document.createTextNode(txt));
| |
| − | tempObj.setAttribute('href',to);
| |
| − | return tempObj;
| |
| − | },
| |
| − | createTextElm:function(elm,txt){
| |
| − | var tempObj=document.createElement(elm);
| |
| − | tempObj.appendChild(document.createTextNode(txt));
| |
| − | return tempObj;
| |
| − | },
| |
| − | closestSibling:function(node,direction){
| |
| − | var tempObj;
| |
| − | if(direction==-1 && node.previousSibling!=null){
| |
| − | tempObj=node.previousSibling;
| |
| − | while(tempObj.nodeType!=1 && tempObj.previousSibling!=null){
| |
| − | tempObj=tempObj.previousSibling;
| |
| − | }
| |
| − | }else if(direction==1 && node.nextSibling!=null){
| |
| − | tempObj=node.nextSibling;
| |
| − | while(tempObj.nodeType!=1 && tempObj.nextSibling!=null){
| |
| − | tempObj=tempObj.nextSibling;
| |
| − | }
| |
| − | }
| |
| − | return tempObj.nodeType==1?tempObj:false;
| |
| − | },
| |
| − | initDebug:function(){
| |
| − | if(DOMhelp.debug){DOMhelp.stopDebug();}
| |
| − | DOMhelp.debug=document.createElement('div');
| |
| − | DOMhelp.debug.setAttribute('id',DOMhelp.debugWindowId);
| |
| − | document.body.insertBefore(DOMhelp.debug,document.body.firstChild);
| |
| − | },
| |
| − | setDebug:function(bug){
| |
| − | if(!DOMhelp.debug){DOMhelp.initDebug();}
| |
| − | DOMhelp.debug.innerHTML+=bug+'\n';
| |
| − | },
| |
| − | stopDebug:function(){
| |
| − | if(DOMhelp.debug){
| |
| − | DOMhelp.debug.parentNode.removeChild(DOMhelp.debug);
| |
| − | DOMhelp.debug=null;
| |
| − | }
| |
| − | },
| |
| − | getKey:function(e){
| |
| − | if(window.event){
| |
| − | var key = window.event.keyCode;
| |
| − | } else if(e){
| |
| − | var key=e.keyCode;
| |
| − | }
| |
| − | return key;
| |
| − | },
| |
| − | /* helper methods */
| |
| − | getTarget:function(e){
| |
| − | var target = window.event ? window.event.srcElement : e ? e.target : null;
| |
| − | if (!target){return false;}
| |
| − | while(target.nodeType!=1 && target.nodeName.toLowerCase()!='body'){
| |
| − | target=target.parentNode;
| |
| − | }
| |
| − | return target;
| |
| − | },
| |
| − | stopBubble:function(e){
| |
| − | if(window.event && window.event.cancelBubble){
| |
| − | window.event.cancelBubble = true;
| |
| − | }
| |
| − | if (e && e.stopPropagation){
| |
| − | e.stopPropagation();
| |
| − | }
| |
| − | },
| |
| − | stopDefault:function(e){
| |
| − | if(window.event && window.event.returnValue){
| |
| − | window.event.returnValue = false;
| |
| − | }
| |
| − | if (e && e.preventDefault){
| |
| − | e.preventDefault();
| |
| − | }
| |
| − | },
| |
| − | cancelClick:function(e){
| |
| − | if (window.event){
| |
| − | window.event.cancelBubble = true;
| |
| − | window.event.returnValue = false;
| |
| − | }
| |
| − | if (e && e.stopPropagation && e.preventDefault){
| |
| − | e.stopPropagation();
| |
| − | e.preventDefault();
| |
| − | }
| |
| − | },
| |
| − | addEvent: function(elm, evType, fn, useCapture){
| |
| − | if (elm.addEventListener){
| |
| − | elm.addEventListener(evType, fn, useCapture);
| |
| − | return true;
| |
| − | } else if (elm.attachEvent) {
| |
| − | var r = elm.attachEvent('on' + evType, fn);
| |
| − | return r;
| |
| − | } else {
| |
| − | elm['on' + evType] = fn;
| |
| − | }
| |
| − | },
| |
| − | cssjs:function(a,o,c1,c2){
| |
| − | switch (a){
| |
| − | case 'swap':
| |
| − | o.className=!DOMhelp.cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);
| |
| − | break;
| |
| − | case 'add':
| |
| − | if(!DOMhelp.cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}
| |
| − | break;
| |
| − | case 'remove':
| |
| − | var rep=o.className.match(' '+c1)?' '+c1:c1;
| |
| − | o.className=o.className.replace(rep,'');
| |
| − | break;
| |
| − | case 'check':
| |
| − | var found=false;
| |
| − | var temparray=o.className.split(' ');
| |
| − | for(var i=0;i<temparray.length;i++){
| |
| − | if(temparray[i]==c1){found=true;}
| |
| − | }
| |
| − | return found;
| |
| − | break;
| |
| − | }
| |
| − | },
| |
| − | safariClickFix:function(){
| |
| − | return false;
| |
| − | }
| |
| − | }
| |
| − | DOMhelp.addEvent(window, 'load', DOMhelp.init, false);
| |
| − | </script>
| |
| − | <script type="text/javascript">
| |
| − | <!--
| |
| − | sn={
| |
| − | dynamicClass:'dyn',
| |
| − | showClass:'show',
| |
| − | parentClass:'parent',
| |
| − | openClass:'open',
| |
| − | navID:'nav',
| |
| − | init:function(){
| |
| − | var triggerLink;
| |
| − | if(!document.getElementById || !document.createTextNode){return;}
| |
| − | var nav=document.getElementById(sn.navID);
| |
| − | if(!nav){return;}
| |
| − | DOMhelp.cssjs('add',nav,sn.dynamicClass);
| |
| − | var nested=nav.getElementsByTagName('ul');
| |
| − | for(var i=0;i<nested.length;i++){
| |
| − | triggerLink=nested[i].parentNode.getElementsByTagName('a')[0];
| |
| − | DOMhelp.cssjs('add',triggerLink.parentNode,sn.parentClass);
| |
| − | DOMhelp.addEvent(triggerLink,'click',sn.changeSection,false);
| |
| − | triggerLink.onclick=DOMhelp.safariClickFix;
| |
| − | if(nested[i].parentNode.getElementsByTagName('strong').length>0){
| |
| − | DOMhelp.cssjs('add',triggerLink.parentNode,sn.openClass);
| |
| − | DOMhelp.cssjs('add',nested[i],sn.showClass);
| |
| − | }
| |
| − | }
| |
| − | },
| |
| − | changeSection:function(e){
| |
| − | var t=DOMhelp.getTarget(e);
| |
| − | var firstList=t.parentNode.getElementsByTagName('ul')[0];
| |
| − | if(DOMhelp.cssjs('check',firstList,sn.showClass)){
| |
| − | DOMhelp.cssjs('remove',firstList,sn.showClass)
| |
| − | DOMhelp.cssjs('swap',t.parentNode,sn.openClass,sn.parentClass);
| |
| − | } else {
| |
| − | DOMhelp.cssjs('add',firstList,sn.showClass)
| |
| − | DOMhelp.cssjs('swap',t.parentNode,sn.openClass,sn.parentClass);
| |
| − | }
| |
| − | DOMhelp.cancelClick(e);
| |
| − | }
| |
| − | }
| |
| − | DOMhelp.addEvent(window,'load',sn.init,false);
| |
| − | -->
| |
| − | </script>
| |
| | </head> | | </head> |
| | | | |
| Line 246: |
Line 31: |
| | <li><a href="team.html" style="font-weight:bold;font-family:Microsoft YaHei">team</a></li> | | <li><a href="team.html" style="font-weight:bold;font-family:Microsoft YaHei">team</a></li> |
| | <li><a href="model.html" style="font-weight:bold;font-family:Microsoft YaHei">model</a></li> | | <li><a href="model.html" style="font-weight:bold;font-family:Microsoft YaHei">model</a></li> |
| − | <li><a class="button" href="#detail" style="font-weight:bold;font-family:Microsoft YaHei">home</a></li> | + | <li><a class="button" href="#header" style="font-weight:bold;font-family:Microsoft YaHei">home</a></li> |
| | </ul> | | </ul> |
| | </nav> | | </nav> |
| Line 256: |
Line 41: |
| | <div class='menu-content'> | | <div class='menu-content'> |
| | <ul> | | <ul> |
| − | <li><a href="aknow.html" style="font-weight:bold;font-family:Microsoft YaHei">acknowledgement</a></li> | + | <li><a href="#wangye2" style="font-weight:bold;font-family:Microsoft YaHei">menu</a></li> |
| | + | <li><a href="aknow.html" style="font-weight:bold;font-family:Microsoft YaHei">aknow</a></li> |
| | <li><a href="human-practice.html" style="font-weight:bold;font-family:Microsoft YaHei">humanpractice</a></li> | | <li><a href="human-practice.html" style="font-weight:bold;font-family:Microsoft YaHei">humanpractice</a></li> |
| | <li><a href="wangye-project1.html" style="font-weight:bold;font-family:Microsoft YaHei">project</a></li> | | <li><a href="wangye-project1.html" style="font-weight:bold;font-family:Microsoft YaHei">project</a></li> |
| Line 262: |
Line 48: |
| | <li><a href="wangye-safty.html" style="font-weight:bold;font-family:Microsoft YaHei">safty</a></li> | | <li><a href="wangye-safty.html" style="font-weight:bold;font-family:Microsoft YaHei">safty</a></li> |
| | <li><a href="team.html" style="font-weight:bold;font-family:Microsoft YaHei">team</a></li> | | <li><a href="team.html" style="font-weight:bold;font-family:Microsoft YaHei">team</a></li> |
| − | <li><a href="model.html" style="font-weight:bold;font-family:Microsoft YaHei">model</a></li> | + | <li><a href="#header" style="font-weight:bold;font-family:Microsoft YaHei">Home</a></li> |
| − | <li><a class="button" href="#detail" style="font-weight:bold;font-family:Microsoft YaHei">home</a></li>
| + | |
| | </ul> | | </ul> |
| | </div> | | </div> |
| | </div> | | </div> |
| | | | |
| − | <div id="header" style="background-image:url(wangye-team.jpg);background-size:cover"> | + | <div id="header" style="background-image:url(wangye.jpg)";size:auto> |
| | <div class="header-content"> | | <div class="header-content"> |
| | <div class="container"> | | <div class="container"> |
| | <div class="row"> | | <div class="row"> |
| | <div class="col-md-12"> | | <div class="col-md-12"> |
| − | <div class="scroll-link-wrapper" style="visibility: visible;margin-top:500px "> | + | <div class="scroll-link-wrapper" style="visibility: visible;margin-top:500px "> |
| − | <a class="scroll-link" href="# detail"><img src="./presentation_files/arrow_down.png"> | + | <a class="scroll-link" href="# wangye2"><img src="./presentation_files/arrow_down.png"> |
| | </a></div> | | </a></div> |
| | </div> | | </div> |
| Line 283: |
Line 68: |
| | | | |
| | | | |
| | + | <section id="header" style="background-image:url(wangye2.jpg)"> |
| | + | <div id="wangye2"> |
| | + | <ul style="height:50px;line-height:50px;text-align:left"> |
| | + | </br> |
| | + | </br> |
| | + | </br> |
| | + | </ul> |
| | + | </div> |
| | + | </section> |
| | | | |
| − |
| |
| − | <div id="detail">
| |
| − | <TABLE borderColor=#00ff99 height="100%" width="100%" border=0 style="table-layout:fixed">
| |
| − | <TR height="100%">
| |
| − | <TD width="27%" bgColor=#EEE8AA style="vertical-align:top">
| |
| − | <ul id="nav" style="height:100px;line-height:100px;margin-top:20%;margin-left:10%;list-style-type:none" class="dyn">
| |
| − | <li><a href="presentation.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Home</a></li>
| |
| − | <li><a href="wangye-project1.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Project</a></li>
| |
| − | <li><a href="wangye-notebook1.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Notebook</a></li>
| |
| − | <li><a href="#" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Model</a>
| |
| − | <ul>
| |
| − | <li><a href="model.html#deliverymodel" style="font-weight:bold;font-family:幼圆;font-size:20px;color:black">Delivery model</a></li>
| |
| − | <li><a href="#" style="font-weight:bold;font-family:幼圆;font-size:20px;color:black">RNAi model</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li style="line-height:250%"><a href="human-practice.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Human Practice</a></li>
| |
| − | <li style="line-height:250%"><a href="wangye-safty.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Safty</a></li>
| |
| − | <li style="line-height:250%"><a href="team.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Team</a></li>
| |
| − | <li style="line-height:250%"><a href="aknow.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Acknowledgement</a></li>
| |
| − | </ul>
| |
| − |
| |
| − |
| |
| − | </TD>
| |
| − | <TD width="73%" bgColor=#FFFFFF style="vertical-align:top;padding-left:80px;padding-right:80px;padding-top:50px;padding-bottom:50px;word-wrap:break-word;">
| |
| − | 你在火中涅槃，灵魂不死；你在花间长眠，记忆不消。绚烂的阳光是迎接你西去的光环，不知你独自一人去那方可会感到孤单？
| |
| − | [一]魂去
| |
| − | 起初听到你的死，我是愕然的。毕竟听说你的病情好了不少，却不料那只是最后的回光返照。
| |
| − | 我没有流泪，甚至没有悲伤，脑子里只是混混沌沌的一团。死？那是我们所有人最后的归宿吧。或许于你更是能够减少痛苦，未尝不是一件好事。
| |
| − | 一切被我想得太简单，甚至太过理所当然了。理智，真是一个可怕的局。
| |
| − | [二]席间
| |
| − | 小号、大鼓敲个不停，那种声音不得不说是一种噪音。良久声止，开始一个个念悼词。
| |
| − | 我这时才发现，原来我并没有那么冷漠，缘是城市的喧嚣麻木了我的心。想起那年你的温言软语、慈爱笑容，泪竟是就这样忍不住地从眼眶中溢出了。我撇过头，不愿让人看见，嘴角仍是挂着笑容。
| |
| − | 呵呵，我竟觉着在这葬礼上哭泣都是可耻的。望着周围人谈笑风生，我的心有点寒。到场的那么多人，究竟又有几个是真心的呢？可怜，还是可悲啊？
| |
| − | 原来人可以铁石心肠这种程度，可毕竟他们中很多人比我和你的关系更近啊！听着那个花钱雇来哭的人呜咽，看着那人热泪纵横，我终是忍不住苦笑，竟是一个毫不相识的外人哭得最伤心。这是讽刺，还是笑话？
| |
| − | [三]送葬
| |
| − | 你说，为什么他们还能那样淡然，可我偏偏忍不住泪流满面？为什么他们那个惊讶的表情让我竟是感到羞愧？好像自己做了什么惊天动地的事一样？
| |
| − | 执着一根香，撒下一碗酒，三拜三叩，泪融于酒，我如若痴人。
| |
| − | 照礼我是不必披麻戴孝的，只需戴着那顶白色的帽子即可。沿着幽僻的小路，我跟着吹着小号开路的队伍走在末尾。
| |
| − | 风景甚好，埋在那棵大树底下，你会不会成为那树的枝，树的叶？
| |
| − | [四]感怀
| |
| − | 死生有命，无可更改。谋事在人，成事在天。任你生前浮华万千，到头来不过一抔尘土，一捧青灰。愿逝者安息，生者恬淡。
| |
| − | 有时候我们看不到自己拥有的美好，直到失去才恍然叹息。逝者已矣，页已掀过，惜福、感恩，生活其实温暖如花。
| |
| − | 花开半夏，倾尽繁华，愿你回眸半刹。你可听到我在同你夜话？
| |
| − | </TD>
| |
| − | </TR>
| |
| − | </TABLE>
| |
| − | </div>
| |
| | | | |
| | | | |
