Difference between revisions of "Team:Jilin China/Human Practices"

Line 7: Line 7:
  
  
−
<script>//coupleColor = [ "#fff","#485"];</script>
+
<!--屏幕内容第二条 首页100% -->
 +
<div class="second_s container-fluid"> </div>
 +
<!--屏幕内容第三条 overview 从此不全屏-->
 +
<div style="padding: 7.5vw"><img src="img/HP Overview.svg" width="100%" style=" margin: 0 auto"></div>
 +
<!--屏幕内容第三条 overview 从此不全屏-->  
  
 +
<!--to be deleted
 +
<div class="fiftxt0 din ftc">This is the Title 1</div>
 +
<div class="fiftxt3 din ftc">This is the Title 2</div>
 +
<div class="fiftxt6 din">This is the Title 3 [right]</div>
 +
<div class="fiftxt6 din ftl">This is the Title 3 [Left]</div>
 +
<div class="fiftxt1 din">Vaginitis Treatment</div>
 +
<div class="fiftxt3 din ftc">-</div>
 +
<!--to be deleted><!-->
  
−
<style>
+
<div class="forth_s">
 +
  <div id="forth_0" class="fiftxt3 din ftc"> Preliminary  Brainstorming </div>
 +
  <div id="forth_1" class=""> At the beginning of brainstorming, there were several research topics available, such as the treatment of vaginitis, the improvement of plant resistance and killing <i>Beauveria bassiana</i>. We expected to choose the most meaningful project that could be turned into a product. </div>
 +
</div>
 +
<div class="fifth">
 +
  <div class="sidebar sbl"></div>
 +
  <div class="fiftxt1 din">Killing Beauveria Bassiana</div>
 +
  <div class="fiftxt1 din">Plant Resistance Improvement</div>
 +
  <div class="fiftxt1 din">Vaginitis Treatment</div>
 +
  <div class="fiftxt6 din">A lecture on Women's Health on March 8</div>
 +
  <div class="fiftxtout1">
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41 toright">
 +
        <div class="fifimg1 hp-img din fl-left" id="img_0"> <img src="img/1.jpg" alt="" width="100%" /> </div>
 +
        Our team members attended a lecture on women's health on March 8. We found that there were many problems and troubles in the process of women's treatment. So we think it would be a quite meaningful project to study women's health. </div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt3 din">Questionnaire</div>
 +
  <div class="fiftxtout1">
 +
   
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41 toright">
 +
<div class="fifimg2 din toleft fl-left" id="img_2"><img src="img/map.png" alt="" width="100%" /></div>
 +
  In order to understand the incidence of vaginitis and the prevalence of the various types of vaginitis, we conducted a nationwide questionnaire survey and received more than 1700 feedback questionnaires from all parts of the country. </div>
 +
<div class="clear_both"></div>
 +
<div  class="fiftxt41 toright" style="padding: 2rem 0;box-sizing: border-box;">
 +
  Data show that more than 74% of those who have suffered from gynecological diseases have suffered from vaginitis. Of all vaginitis, vulvovaginal candidiasis (VVC) is the most prevalent.</div>
 +
<img src="img/Graphic_in_HP_1.svg" alt="" width="100%" />
 +
    </div>
 +
  </div>
 +
  <div class="fiftxtout1">
 +
    <div class="fifimg1 din toleft" id="img_3"></div>
 +
    <div class="fifimg1 din toright" id="img_4"></div>
 +
  </div>
 +
</div>
 +
<div class="fiftxt0 din ftc">Research Plan of vulvovaginal candidiasis</div>
 +
<div class="fiftxt5">After defining the research direction of vulvovaginal candidiasis, we decided to choose vulvovaginal candidiasis as our research subject. We intended to base our project on the current treatment methods and problems of vulvovaginal candidiasis. Therefore, we interviewed doctors and surveyed patients to get a full picture of this disease. </div>
 +
<div class="fiftxt3 din ftc">Current treatment situation</div>
 +
<div class="fiftxt5 guodu">For the professional advice and actual situcation about this disease, we make the medical specialist and patient interviews to get the information we need.</div>
 +
<div class="fifth">
 +
  <div class="sidebar sbr"> </div>
 +
 
 +
  <!-- 6 7 给医生的题目 -->
 +
 
 +
  <div class="fiftxt6 din ftl">Doctor interview</div>
 +
  <div class="fiftxtout3 ftl">
 +
    <div class="fifimg0 din toleft renwu" id="lzx"></div>
 +
    <div class="fiftxt7  toright ftr" >Zongxiang Leng, PhD, MD </div>
 +
    <div class="fiftxt8  toright ftr" >Deputy Dean of Jilin Maternal and Child Health Hospital, Gynaecologist. </div>
 +
  </div>
 +
  <div class="fiftxtout2">
 +
    <div class="fifimg1 din toright" id="lzxp"></div>
 +
    <div class="fiftxt4 din toleft" id="jjj">
 +
      <div class="fiftxt41">Process</div>
 +
      <!--需要换行-->
 +
      <div class="fiftxt41">
 +
  <div class="fifimg3 din toright fl-right" id="img_3"><img src="img/lzxp.jpg" alt="" width="100%" /></div>
 +
  Dr.leng have rich experience in treating VVC,we asked him about the disease.Dr. Leng told us that the major types of vaginitis have changed over the past few years.Trichomonas vaginitis used to be the leading variety of this disease. Nowadays, vulvovaginal candidiasis accounts for a relatively large population of vaginitis patients. He also mentioned that in the current treatment methods, patients are treated mainly with antifungal drugs. However, such treatment could easily cause recurrence. In addition, there were certain adverse reactions during the treatment. </div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt6 din ftl">Patient interview</div>
 +
  <div class="fiftxtout2">
 +
    <div class="fifimg1 din toright" id="brp"></div>
 +
    <div class="fiftxt4 din toleft" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg3 din toright fl-right" id="img_3"><img src="img/brp.jpg" alt="" width="100%" /></div>
 +
  We came to the outpatient department of the Second Hospital of Jilin University and interviewed some patients. They told us that there were side effects during the process of treatment. They also complained about its long treatment cycle and high likelihood of recurrence. They expected there would be new therapy methods. </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="fiftxt3 din ftc">Initial Design</div>
 +
<div class="fiftxt5 ftc"> With the shortcomings of the current treatment methods for VVC in mind, we conducted a mid-term brainstorming aiming at the problems of recurrence and adverse reactions, then we put forward initial design: </div>
 +
<center>
 +
<div class="fiftxt5 project_block">Sensing system <br>
 +
  Therapeutic system<br>
 +
  ①  -BDSF<br>
 +
  ②  -Msp1<br>
 +
  ③  -β-1,3-Glucanase<br>
 +
  ④  - Nad1 <br>
 +
  Suicide switch<br>
 +
</div></center>
 +
<div class="fiftxt0 din ftc">The polish of design</div>
 +
<div class="fiftxt3 din ftc">Exprimental promotion</div>
 +
<div class="fifth">
 +
  <div class="sidebar sbl"> </div>
 +
  <div class="fiftxt6 din">Expert Consultant</div>
 +
  <div class="fiftxtout3 ">
 +
    <div class="fifimg0 din toright renwu" id="xhy"></div>
 +
    <div class="fiftxt7  toleft ftr" >Hongyu Xiang, PhD </div>
 +
    <div class="fiftxt8  toleft ftr" >Professor, School of Life Sciences, Jilin University, Microbiology, Microbial and Biochemical Pharmacy specialist. </div>
 +
  </div>
 +
  <div class="fiftxt30 din">Process</div>
 +
  <div class="fiftxtout1">
 +
    <div class="fifimg1 din toleft" id="xhyp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg4 hp-img din fl-left" id="img_0"> <img src="img/xhyp.jpg" alt="" width="100%" /> </div>
 +
  We introduced our project to Dr. Xiang. When Dr. Xiang knew that Nad1 antimicrobial peptide had not successfully expressed in engineered bacteria in the previous design, he suggested that we should continue to search for more literature on Nad1 expression or try to look for anthor antibacterial peptide which has been successfully expressed to replace Nad1. In addition, Dr. Xiang suggested that in the subsequent vector selection, we'd better choose a secretory expression vector to enable the enzymes in the therapeutic system to secrete extracellularly to function. </div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt30 din">Improvement</div>
 +
  <div class="fiftxt9 din tor" >1. We chose the antibacterial peptide LL-37, which has already expressed in the engineered bacteria to replace Nad1.<br>
 +
    <br>
 +
    2. We selected the secretory expression vector pVE5523 as the destination vector. </div>
 +
  <div class="fiftxtout3 ftl">
 +
    <div class="fifimg0 din toleft renwu" id="cyq"></div>
 +
    <div class="fiftxt7  toright ftr" >Yinqiu Cui, PhD </div>
 +
    <div class="fiftxt8  toright ftr">Professor, Vice-Dean of College of Life Sciences, Jilin University, Molecular biology expert. </div>
 +
  </div>
 +
  <div class="fiftxt30 din ftr">Process</div>
 +
  <div class="fiftxt10 din ftr" id="jjj">
 +
 
 +
  In order to sense the presence of <em>C. albicans</em>, we designed the sensing system, which can detect the 4-HPA secreted by <em>C. albicans</em>, and then activate the P<sub>BC</sub> promoter to initiate transcription of various parts of the therapeutic system. However, while searching for the sequence of the P<sub>BC</sub> promoter, we found that there were much unintentional sequences between the start of the P<sub>BC</sub> promoter and the end of the previous gene. So we considered truncating the middle part of the sequence and asked Dr. Cui about this idea. Dr. Cui expressed appreciation for our design ideas but reminded us: "It is very likely that changing the sequence in front of the promoter may affect the normal start of the promoter." Therefore, she recommended that we keep all the sequences and do not delete them arbitrarily.</div>
 +
  <div class="fiftxt30 din ftr">Improvement</div>
 +
  <div class="fiftxt9 din tor" > 1. We abandoned the idea of truncating the sequence in the front of the promoter.<br>
 +
    <br>
 +
    2. We decided to change the promoter in the treatment system to a constitutive promoter so that we could easily conduct experiment to verify individual parts. </div>
 +
  <div class="fiftxt3 din ftc">Comprehensive evaluation</div>
 +
  <div class="fiftxt6 din ftc">Design determination</div>
 +
  <div class="fiftxt5 ftc">After interviewing two professors, our design has been greatly improved according to the proposal from Dr. Cui and Dr. Xiang. The design is as follows: </div>
 +
<center>
 +
  <div class="fiftxt5 project_block">Sensing system <br>
 +
    Therapeutic system<br>
 +
    ①  -BDSF<br>
 +
    ②  -Msp1<br>
 +
    ③  -β-1,3-Glucanase<br>
 +
    ④  - LL-37 <br>
 +
    Suicide switch<br>
 +
  </div>
 +
</center>
 +
  <div class="fiftxt5 ftc">Therefore, we hope our project can be comprehensively evaluated from ethics, experimental safety and other aspects.</div>
 +
  <div class="fiftxt6 din ftc">Overall evaluation</div>
 +
  <div class="fiftxtout3 ftl">
 +
    <div class="fifimg0 din toleft renwu" id="gf"></div>
 +
    <div class="fiftxt7  toright ftr" >Feng Gao, PhD, MD </div>
 +
    <div class="fiftxt8  toright ftr" >Professor, Director of National Engineering Laboratory for AIDS Vaccine, College of Life Sciences, Jilin University, Immunologist. </div>
 +
  </div>
 +
  <div class="fiftxt30 din">Process</div>
 +
  <div class="fiftxtout1">
 +
    <div class="fifimg1 din toleft" id="gfp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg4 hp-img din fl-left" id="img_0"> <img src="img/gfp.jpg" alt="" width="100%" /> </div>
 +
  Our project was basically completed and we hoped to find an expert to evaluate our project. Therefore, we asked Dr. Gao, an expert in the field, to give us some suggestions. We explained our project and presented the project book. Dr. Gao thought that our project was very innovative and close to people's lives. To enhance our project, he suggested that we'd better go to the local hospital and relevant places to collect the opinions of patient groups, which would make the project more practical and persuasive. </div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt30 din">Improvement</div>
 +
  <div class="fiftxt9 din tor" > 1. We prepared to make the medicine into a vaginal capsule or vaginal gel by using a probioties preparation process. Engineered bacteria will exert their function in the vaginal environment and kill <em>C. albicans</em> for therapeutic purposes. </br>
 +
    </br>
 +
    2. We have planned a series of interviews with pharmaceutical companies. </div>
 +
  <div class="fiftxtout3 ftl">
 +
    <div class="fifimg0 din toleft renwu" id="yxh"></div>
 +
    <div class="fiftxt7  toright ftr" >Xianghui Yu, PhD </div>
 +
    <div class="fiftxt8  toright ftr" >Professor and Dean of School of Life Sciences, Jilin University,
 +
      Biochemist. </div>
 +
  </div>
 +
  <div class="fiftxt30 din">Process</div>
 +
  <div class="fiftxtout1">
 +
    <div class="fifimg1 din toleft" id="xhyp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg4 hp-img din fl-left" id="img_0"> <img src="img/yxhp.jpg" alt="" width="100%" /> </div>
 +
  Because of the particularity of vulvovaginal candidiasis and <em>C. albicans</em>, after the establishment of the project system, we consulted Dr. Yu on project safety and ethics. In terms of safety, Dr. Yu reminded us to pay attention to the biological safety level of fungi. When cultivating <em>C. albicans</em>, we should always pay attention to the experimental operation specifications and the follow-up treatment of experimental materials. Both AIDS and vaginitis are closely related to sexual life. Dr. Yu mainly engaged in AIDS vaccine research. She reminded us to pay attention to the ethical aspect and suggested that we contact the experts of the Ethics Committee to get more professional advice. </div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt30 din">Improvement</div>
 +
  <div class="fiftxt9 din tor" > 1. We prepared to make the medicine into a vaginal capsule or vaginal gel by using a Probioties preparation process. Engineered bacteria will exert their function in the vaginal environment and kill <em>C. albicans</em> for therapeutic purposes. </br>
 +
    <br>
 +
    2. We have planned a series of interviews with pharmaceutical companies </div>
 +
  <div class="fiftxt30 din ftc">Safety Operation Regulation</div>
 +
  <div class="fiftxtout1">
 +
    <div class="fifimg1 din toleft" id="yxhp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41"> Since our experiment involves fungi, we need stricter laboratory safety regulations. With the assistance of laboratory safety experts, the laboratory safety specifications have been formulated and all the experimenters have been informed. Otherwise, the experiment will not be carried out. Dr. Jiang and Dr.Chen helped us with our regulations. Under the guidance of Dr. Jiang and Dr.Chen, we consulted the relevant laws of China. Organisms used in our project are commonly and widely used strains, so their safety are thus guaranteed. Click here for more information. </div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt6 din">Ethics Consideration</div>
 +
  <div class="fiftxtout3">
 +
    <div class="fifimg0 din toleft renwu" id="lyy"></div>
 +
    <div class="fiftxt7  toright ftr" >Yanyan Li, PhD </div>
 +
    <div class="fiftxt8  toright ftr" >Chief pharmacist, first Hospital of Jilin University, Ethics expert.</div>
 +
  </div>
 +
  <div class="fiftxt30 din">Process</div>
 +
  <div class="fiftxtout1 ">
 +
    <div class="fifimg1 din toleft" id="yxhp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg4 hp-img din fl-left" id="img_0"> <img src="img/lyyp.jpg" alt="" width="100%" /> </div>
 +
  Dr. Li first told us that biotherapy involves more and more complex ethical issues than traditional medication. Our project has transformed a natural bacteria. Dr. Li reminded us to clarify the safety issues of the project and submit relevant documents during the subsequent verification process. At the same time, in the process of treating vaginitis, it is necessary to inform the patients and their families of the novelty of this treatment and get their approval. For instance,pregnancy and sexual intercourse are not allowed throughout the treatment cycle. .Finally, Dr. Li recommended that we go and learn about a type of cough capsule for treatment that shares similar mechanism as our project</div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="fiftxt0 din ftc">Application perspective</div>
 +
<div class="fiftxt5 ftc">We hope that our project will be applied in the future, so we have established interviews with pharmacies,Pharmaceutical Enterprises，and doctor to make our project more practical.</div>
 +
<div class="fifth">
 +
  <div class="sidebar sbr"> </div>
 +
  <div class="fiftxt3 din ftc">Pharmacy interview</div>
 +
  <div class="fiftxt30 din ftl">Process</div>
 +
  <div class="fiftxtout1 ftl ">
 +
    <div class="fifimg1 din toleft" id="yxhp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg4 din toright fl-right" id="img_3"><img src="img/ydp.jpg" alt="" width="100%" /></div>
 +
  In order to understand the medicines for vaginitis in the current market, we interviewed dozens of pharmacies in Jilin, Yongsen and Yida pharmacies. We learned that there are two main types of medicines for vaginitis: oral and external use, such as fluconazole, terbinafine, Baofukang suppository and Ke. Myrazole and other drugs. However, oral drugs will cause some damage to the liver and the balance of vaginal flora. While using these drugs, there will be side effects like occasional local irritation, itching or burning sensation. In addition, Lactobacillus vaginal capsule is welcomed by patients and doctors. We introduced our project to pharmacists, and they said they are looking forward to our project.</div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt3 din ftc">Therepeutic evaluation</div>
 +
  <div class="fiftxtout3 ftl">
 +
    <div class="fifimg0 din toleft renwu" id="xtm"></div>
 +
    <div class="fiftxt7  toright ftr" >Tianmin Xu, PhD, MD</div>
 +
    <div class="fiftxt8  toright ftr" >Deputy Director of Gynecology and Obstetrics, Second Hospital of Jilin University, Gynecologist.</div>
 +
  </div>
 +
  <div class="fiftxt30 din ftl">Process</div>
 +
  <div class="fiftxtout1 ftl ">
 +
    <div class="fifimg1 din toleft" id="yxhp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg4 din toright fl-right" id="img_3"><img src="img/xtmp.jpg" alt="" width="100%" /></div>
 +
  After we interviewed the pharmacy, we learned that there are many Lactobacillus vaginal capsules are better sold in the market for the treatment of VVC. So we contacted Dr Xu to evaluate our design by comparing with the common drugs. Dr. Xu told us that there were many mechanisms of fungal resistance to antifungal drugs at present, including drugs blocked at the cell wall level, reduced drug absorption or damage of drug and fungal targets. Current antifungal drugs usually have a single target for fungi, so Lactobacillus vaginal capsules are superior to antifungal drugs in terms of drug resistance. However, from the clinical effect, the treatment effect of Lactobacillus vaginal capsules is not ideal. The main reason is that the viability of probiotics in capsules is unknown in the vaginal microenvironment at 37 ℃, so the pharmacodynamics may not be obvious. For our project, Dr. Xu said that our method was a comprehensive approach to this disease, and would provide a new direction for the treatment of VVC.</div>
 +
    </div>
 +
 +
  </div>
 +
  <div class="fiftxt3 din ftc">Pharmaceutical Enterprises interview</div>
 +
  <div class="fiftxt30 din ftl">Process</div>
 +
  <div class="fiftxtout1 ftl ">
 +
    <div class="fifimg1 din toleft" id="yxhp"></div>
 +
    <div class="fiftxt4 din toright" id="jjj">
 +
      <div  class="fiftxt41">
 +
  <div class="fifimg4 din toright fl-right" id="img_3"><img src="img/gzjp.jpg" alt="" width="100%" /></div>
 +
  In order to make our project have more practical application value and make our verification more convincing, we contacted Minhang Factory of Shanghai Xinya Pharmaceutical Industry, which is a pharmaceutical factory specializing in the production of antifungal drugs. Zhijie Gu, our advisor, came to the pharmaceutical factory for an interview. Ding Shang, the general manager of the pharmaceutical factory, received us. In addition, we exchanged views with the technical personnel of the pharmaceutical factory. For the safety verification part of our experiment, technicians suggested that we used the bacteriostatic circle experiment, which provides us with a new idea. In order to verify whether the C. albicans was killed, we added a report-protein control experiment. In addition, in the process of communicating with the general manager of commerce, he suggested that we should compare our project with traditional health care products and medicines to reflect our advantages. At the same time, Ding Shang advised us to do experiments according to the relevant batches to meet the national standards.</div>
 +
    </div>
 +
  </div>
 +
  <div class="fiftxt30 din ftl">Improvement</div>
 +
  <div class="fiftxt9 din ftl " >1. We added the experimental verification part of bacteriostasis circle.<br>
 +
    <br>
 +
    2. We have adjusted our experimental proof scheme according to the relevant national batches.
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
</html>
 +
<script src="js/tool.js"></script>
 +
<script>
  
  
−
.word {
+
/*
−
color: rgba(0,0,0,1.00);
+
$$("img_0").style.height=$$("jjj").clientHeight+"px";
−
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
+
window.onresize=function(){
 +
$$("img_0").style.height=$$("jjj").clientHeight+"px";
 
}
 
}
−
  p{
+
*/
−
width: 90%;
+
//导航鼠标hover
−
height: auto;
+
var nav_bg = document.getElementById("nav_bg");
−
margin: 0 auto;
+
//获取导航外层项目
−
position: relative;
+
//滑的太快有bug 排他原则去bug
−
  }
+
  
−
tbody{
+
var moding = 0; //是否在转换过程中
−
width:50%;
+
var mode_now = 0; //双模导航的模式
−
position: relative;
+
 
 +
var coupleColor = [ "#fff","#485"];
 +
 
 +
var daErZi=[];
 +
var last=0;
 +
 
 +
function initCB() {
 +
$$("nav_bg").style.transition = 0.5 + "s";
 +
 +
}
 +
 
 +
//根据实际情况换文字颜色
 +
function colorCA() {
 +
for (var i = 0; i < getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI").length; i++) {
 +
getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI")[i].getElementsByTagName("a")[0].style.color = coupleColor[mode_now];
 
}
 
}
−
 
 
−
#HQ_page .np1{
 
−
color: rgba(0,0,0,1.00);
 
−
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 
−
font-size: 39px;
 
−
padding-bottom: 25px;
 
−
padding-top: 25px;
 
−
  }
 
−
#HQ_page .np3 {
 
−
font-size: 26px;
 
−
margin-bottom: 13px;
 
 
}
 
}
  
−
#HQ_page .np5{
 
−
font-size: 19px;
 
−
line-height: 31px;
 
−
margin-bottom: 13px;
 
−
  }
 
  
  
  
  
−
.picCont{
+
//模式1的所有行为
−
width: 85%;
+
function nav_anti1() {
−
margin-top: 0;
+
−
margin-right: auto;
+
−
margin-left: auto;
+
−
margin-bottom: 14px;
+
−
height: auto;
+
−
overflow: hidden;
+
−
    }
+
−
.picCont .pic{
+
−
width: 300px;
+
−
height: 500px;
+
−
float: left;
+
−
margin-bottom: 0px;
+
−
background-position: center 0%;
+
−
overflow-x: hidden;
+
−
overflow-y: hidden;
+
−
background-size: 100% auto;
+
−
background-repeat: no-repeat;
+
−
  }
+
−
.picCont .pic .picinner {
+
−
height: 10%;
+
−
width: 100%;
+
−
background-color: rgba(0,227,202,0.79);
+
−
position: relative;
+
−
top: -10%;
+
−
}
+
−
.picCont .picword{
+
−
position: absolute;
+
−
float: left;
+
−
width: 100%;
+
−
text-align: center;
+
−
height: 100%;
+
−
  }
+
−
.tableCont  {
+
−
display: block;
+
−
height: auto;
+
−
margin: 0 auto;
+
−
width: 85%;
+
−
overflow-x: hidden;
+
−
overflow-y: hidden;
+
−
}
+
−
.tableCont table {
+
−
height: auto;
+
−
display: block;
+
−
border-collapse: collapse;
+
−
position: relative;
+
−
float: left;
+
−
text-align: center;
+
−
margin-top: 30px;
+
−
}
+
−
.tableCont table tbody {
+
−
display: block;
+
−
width: auto;
+
−
height: auto;
+
−
}
+
−
.tableCont .table .tableinner {
+
−
height: 39px;
+
−
width: 100%;
+
−
font-size: 18px;
+
−
line-height: 31px;
+
−
}
+
−
.tableCont table tbody tr:nth-child(2n)  {
+
−
background-color: rgba(212,234,249,1.00);
+
  
−
}
+
for (var i = 0; i < $$("first_s").getElementsByTagName("li").length; i++) {
−
.tableCont table tbody tr:nth-child(2n+1)   {
+
//对象变that
−
background-color: rgba(220,239,252,1.00);
+
var that = $$("first_s").getElementsByTagName("li")[i];
 +
//获取所有有子节点的li并输出到数组中
 +
if (getChildNodes($$("first_s").getElementsByTagName("li")[i], "UL").length > 0) {
 +
daErZi.push(i + 1);
 +
}
  
−
}
 
−
.tableCont table tbody tr:first-child {
 
−
background-color: rgba(159,217,255,1.00);
 
  
−
}
+
//遍历onmouseenter
 +
(function (i) {
 +
that.onmouseenter = function () {
 +
 +
 +
                console.log(i+"来");
 +
  
−
tbody td {
+
for (var b = 0; b < getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI").length; b++) {
−
border: 1px solid rgba(64,137,251,1.00);
+
//摸到了怎么办
−
width: 1000px;
+
if (this === getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI")[b]) {
−
height: 37px;
+
−
}
+
  
 +
//其他的进度条消失
  
−
#top_title{
+
$C$("jindutiao")[b].style.display = "none";
−
    display: none;
+
 +
$C$("jindutiao")[b].style.transition = 0 + "s" + " linear";
 +
$C$("jindutiao")[b].style.width = 100+ "%";
 +
 +
this.style.backgroundColor = coupleColor[mode_now];
 +
this.getElementsByTagName("a")[0].style.color = coupleColor[mode_now == 0 ? mode_now + 1 : (mode_now == 1 ? mode_now - 1 : 0)];
  
−
}
+
}
−
#content{
+
−
width:100%;
+
−
margin: 00;
+
−
padding:00;
+
−
}
+
  
 +
}
 +
 +
//如果有子菜单的话那就放出来
 +
if (getChildNodes(this, "UL").length > 0) {
  
−
</style>
+
for (var i = 0; i < $C$("navul1").length; i++) {
−
<!--屏幕内容第一条 导航栏 -->
+
$C$("navul1")[i].style.display="none";
 +
}
 +
//alert("d");
 +
for (var j = 0; j < getChildNodes(this, "UL").length; j++) {
 +
getChildNodes(this, "UL")[j].style.display = "block";
 +
var ul = getChildNodes(this, "UL")[j];
 +
setTimeout(function () {
  
−
    <div  id="second_s" class="banner container-fluid">
+
for (var z = getChildNodes(ul, "LI").length - 1, x = 0; z >= 0; z--, x++) {
−
   
+
  
−
    </div>
+
(function (z, x) {
−
<div  id="third_s" class="container-fluid">
+
−
    <div id="third_1" class="container">
+
−
<div id="third_1_1">
+
  
−
</div>
+
                  setTimeout(function(){getChildNodes(ul, "LI")[z].style.display = "block";},20);
−
</div>
+
time_1 = setTimeout(function () {
  
−
    </div>
+
getChildNodes(ul, "LI")[z].style.transition = 0.5 + "s ease";
 +
getChildNodes(ul, "LI")[z].style.zIndex = x * 10 + 5;
 +
getChildNodes(ul, "LI")[z].style.transform = "translate(0px," + 61 * z + "px)";
 +
getChildNodes(ul, "LI")[z].style.opacity = 1;
  
  
−
<script src="https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdf.js&action=raw&ctype=text/javascript"></script>
+
}, 50 * (x + 1))
−
<script src="https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdfworker.js&action=raw&ctype=text/javascript"></script>
+
  
 +
})(z, x);
  
  
  
 +
}
  
−
<script>
 
  
−
//PDFJS.workerSrc = 'https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdfworker.js&action=raw&ctype=text/javascript"'; 
+
}, 10);
−
PDFJS.getDocument('https://static.igem.org/mediawiki/2019/3/33/T--Jilin_China--Team--test.pdf').then(pdf=>{
+
}
−
var numPages = pdf.numPages;
+
−
var start = 1;
+
−
renderPageAsync(pdf, numPages, start);
+
−
});
+
−
+
−
function renderPage(pdf, numPages, current){
+
−
console.log("renderPage");
+
−
pdf.getPage(current++).then(page=>{
+
−
//console.log('page', page);
+
−
//page.getTextContent().then(v=>console.log(v));
+
−
      var scale = 1.5;
+
−
      var viewport = page.getViewport(scale);
+
−
      // Prepare canvas using PDF page dimensions.
+
−
      var canvas = document.createElement("canvas");
+
−
      var context = canvas.getContext('2d');
+
−
      document.body.appendChild(canvas);
+
−
     
+
−
      canvas.height = viewport.height;
+
−
      canvas.width = viewport.width;
+
  
−
      // Render PDF page into canvas context.
+
}
−
      var renderContext = {
+
 
−
        canvasContext: context,
+
}
−
        viewport: viewport
+
 
−
      };
+
})(i);
−
      page.render(renderContext);
+
 
−
     
+
//离开的动作
−
      //next
+
(function (i) {
−
      if(current<=numPages)return renderPage(pdf, numPages, current);
+
that.onmouseleave = function () {
−
});
+
 +
 +
//碰到有节点的li不进行离开//或者离开一半
 +
for (var m = 0; m < daErZi.length; m++) {
 +
if (i == daErZi[m]) {
 +
return;
 +
}
 +
}
 +
//背景变色
 +
//initCB();
 +
//colorCA();
 +
 
 +
 +
 
 +
//如果有子菜单的话那就收回来
 +
if (getChildNodes(this, "UL").length > 0) {
 +
this.style.backgroundColor = coupleColor[1];
 +
this.getElementsByTagName("a")[0].style.color = coupleColor[0];
 +
 
 +
//alert("d");
 +
for (var j = 0; j < getChildNodes(this, "UL").length; j++) {
 +
var ul = getChildNodes(this, "UL")[j];
 +
for (var z = getChildNodes(ul, "LI").length - 1, x = 0; z >= 0; z--, x++) {
 +
 
 +
(function (z, x) {
 +
setTimeout(function () {
 +
getChildNodes(ul, "LI")[z].style.opacity = 0;
 +
getChildNodes(ul, "LI")[z].style.transition = .2 + "s ease";
 +
getChildNodes(ul, "LI")[z].style.transform = "translate(0px," + 0 + "px)";
 +
                setTimeout(function(){getChildNodes(ul, "LI")[z].style.display = "none";},200);
 +
 
 +
}, 10 * (x + 1))
 +
 
 +
})(z, x);
 +
 
 +
}
 +
 
 +
}
 +
 
 +
}
 +
 
 +
}
 +
 
 +
 
 +
})(i);
 
}
 
}
 +
 +
}
 +
nav_anti1();
 +
var heighta = document.body.offsetHeight;
 +
var srcolltop;
 +
window.onscroll=function(){
 +
srcolltop=document.documentElement.scrollTop || document.body.scrollTop;
 +
if(srcolltop>80){
 +
$$("first_s").style.position="fixed";
 +
}
 +
  if(srcolltop<80){
 +
    $$("first_s").style.position="absolute";
 +
  }
 +
}
 +
 +
 +
 +
 +
 +
window.addEventListener("resize",drawsidebar);
 +
 +
 +
for (var i=0;i<$C$("fifth").length;i++){
 +
var canvas=document.createElement("canvas");
 +
canvas.width=100+"%";
 +
canvas.height=100+"%";
 +
addClass(canvas,"sbc");
 +
 +
$C$("sidebar")[i].appendChild(canvas);
 +
}
 +
 +
 +
function drawsidebar() {
 +
// body...
 +
 +
for (var i=0;i<$C$("fifth").length;i++){
 
 
−
async function renderPageAsync(pdf, numPages, current){
+
if(hasClass($C$("sidebar")[i],"sbl")){
−
console.log("renderPage async");
+
 
−
for(let i=1; i<=numPages; i++){
+
  var ctx = $C$("sbc")[i].getContext("2d");
−
// page
+
 
−
let page = await pdf.getPage(i);
+
var sbwidth=$C$("sidebar")[i].clientWidth;
−
+
var sbheight=$C$("sidebar")[i].clientHeight;
−
      let scale = 1.5;
+
$C$("sbc")[i].width=$C$("sidebar")[i].clientWidth;
−
      let viewport = page.getViewport(scale);
+
$C$("sbc")[i].height=$C$("sidebar")[i].clientHeight;
−
      // Prepare canvas using PDF page dimensions.
+
var lineW=20;
−
      let canvas = document.createElement("canvas");
+
var lineD=(sbheight-2*sbwidth)/(2*lineW);
−
      let context = canvas.getContext('2d');
+
ctx.lineWidth=lineW;
−
      document.body.appendChild(canvas);
+
 
−
     
+
ctx.moveTo(sbwidth-0.5*lineW,0.5*lineW);
−
      canvas.height = viewport.height;
+
ctx.lineTo(0.5*lineW,sbwidth);
−
      canvas.width = viewport.width;
+
ctx.lineTo(0.5*lineW,sbwidth+20);
 +
//ctx.lineCap="round"
 +
ctx.strokeStyle="#114499FF";
 +
ctx.lineJoin="round";
 +
ctx.stroke();
 +
ctx.beginPath();
 +
ctx.moveTo(sbwidth-0.5*lineW,sbheight-0.5*lineW);
 +
ctx.lineTo(0.5*lineW,sbheight-sbwidth);
 +
ctx.lineTo(0.5*lineW,sbheight-sbwidth-20);
 +
ctx.stroke();
 +
ctx.beginPath();
 +
 
 +
 
 +
ctx.setLineDash([3*lineD,2*lineD]);
 +
ctx.lineJoin="miter";
 +
ctx.lineCap="Butt";
 +
ctx.moveTo(0.5*lineW,sbheight-sbwidth);
 +
ctx.lineTo(0.5*lineW,sbwidth);
 +
ctx.stroke();
  
−
      // Render PDF page into canvas context.
 
−
      let renderContext = {
 
−
        canvasContext: context,
 
−
        viewport: viewport
 
−
      };
 
−
      page.render(renderContext);
 
−
}
 
 
}
 
}
 +
else{
 +
var ctx = $C$("sbc")[i].getContext("2d");
  
−
   
+
var sbwidth=$C$("sidebar")[i].clientWidth;
−
    </script>
+
var sbheight=$C$("sidebar")[i].clientHeight;
 +
$C$("sbc")[i].width=$C$("sidebar")[i].clientWidth;
 +
$C$("sbc")[i].height=$C$("sidebar")[i].clientHeight;
 +
var lineW=20;
 +
var lineD=(sbheight-2*sbwidth)/(2*lineW);
 +
ctx.lineWidth=lineW;
  
  
−
</html>
+
ctx.moveTo(0.5*lineW,0.5*lineW);
 +
ctx.lineTo(sbwidth-0.5*lineW,sbwidth);
 +
ctx.lineTo(sbwidth-0.5*lineW,sbwidth+20);
 +
//ctx.lineCap="round"
 +
ctx.strokeStyle="#114499FF";
 +
ctx.lineJoin="round";
 +
ctx.stroke();
 +
ctx.beginPath();
 +
ctx.moveTo(0.5*lineW,sbheight-0.5*lineW);
 +
 
 +
ctx.lineTo(sbwidth-0.5*lineW,sbheight-sbwidth);
 +
ctx.lineTo(sbwidth-0.5*lineW,sbheight-sbwidth-20);
 +
 
 +
ctx.stroke();
 +
ctx.beginPath();
 +
 
 +
 
 +
ctx.setLineDash([3*lineD,2*lineD]);
 +
ctx.lineJoin="miter";
 +
ctx.lineCap="Butt";
 +
ctx.moveTo(sbwidth-0.5*lineW,sbheight-sbwidth);
 +
ctx.lineTo(sbwidth-0.5*lineW,sbwidth);
 +
ctx.stroke();
 +
}
 +
}
 +
}
 +
 
 +
drawsidebar();
 +
</script>
  
−
<html>
 
  
  

Revision as of 20:46, 21 October 2019

Team
Project
Lab
Model
Parts
HP
Judging
Home
Members
Collaborations
Attributtions
Background
Description
Design
Result
Demonstrate
Notebook
Protocols
Safety
Model
Our parts
Improvement
Measurement
Integrated
Engagement
Juding Form
Medals

Preliminary Brainstorming
At the beginning of brainstorming, there were several research topics available, such as the treatment of vaginitis, the improvement of plant resistance and killing Beauveria bassiana. We expected to choose the most meaningful project that could be turned into a product.
Killing Beauveria Bassiana
Plant Resistance Improvement
Vaginitis Treatment
A lecture on Women's Health on March 8
Our team members attended a lecture on women's health on March 8. We found that there were many problems and troubles in the process of women's treatment. So we think it would be a quite meaningful project to study women's health.
Questionnaire
In order to understand the incidence of vaginitis and the prevalence of the various types of vaginitis, we conducted a nationwide questionnaire survey and received more than 1700 feedback questionnaires from all parts of the country.
Data show that more than 74% of those who have suffered from gynecological diseases have suffered from vaginitis. Of all vaginitis, vulvovaginal candidiasis (VVC) is the most prevalent.
Research Plan of vulvovaginal candidiasis
After defining the research direction of vulvovaginal candidiasis, we decided to choose vulvovaginal candidiasis as our research subject. We intended to base our project on the current treatment methods and problems of vulvovaginal candidiasis. Therefore, we interviewed doctors and surveyed patients to get a full picture of this disease.
Current treatment situation
For the professional advice and actual situcation about this disease, we make the medical specialist and patient interviews to get the information we need.
Doctor interview
Zongxiang Leng, PhD, MD
Deputy Dean of Jilin Maternal and Child Health Hospital, Gynaecologist.
Process
Dr.leng have rich experience in treating VVC,we asked him about the disease.Dr. Leng told us that the major types of vaginitis have changed over the past few years.Trichomonas vaginitis used to be the leading variety of this disease. Nowadays, vulvovaginal candidiasis accounts for a relatively large population of vaginitis patients. He also mentioned that in the current treatment methods, patients are treated mainly with antifungal drugs. However, such treatment could easily cause recurrence. In addition, there were certain adverse reactions during the treatment.
Patient interview
We came to the outpatient department of the Second Hospital of Jilin University and interviewed some patients. They told us that there were side effects during the process of treatment. They also complained about its long treatment cycle and high likelihood of recurrence. They expected there would be new therapy methods.
Initial Design
With the shortcomings of the current treatment methods for VVC in mind, we conducted a mid-term brainstorming aiming at the problems of recurrence and adverse reactions, then we put forward initial design:
Sensing system
Therapeutic system
① -BDSF
② -Msp1
③ -β-1,3-Glucanase
④ - Nad1
Suicide switch
The polish of design
Exprimental promotion
Expert Consultant
Hongyu Xiang, PhD
Professor, School of Life Sciences, Jilin University, Microbiology, Microbial and Biochemical Pharmacy specialist.
Process
We introduced our project to Dr. Xiang. When Dr. Xiang knew that Nad1 antimicrobial peptide had not successfully expressed in engineered bacteria in the previous design, he suggested that we should continue to search for more literature on Nad1 expression or try to look for anthor antibacterial peptide which has been successfully expressed to replace Nad1. In addition, Dr. Xiang suggested that in the subsequent vector selection, we'd better choose a secretory expression vector to enable the enzymes in the therapeutic system to secrete extracellularly to function.
Improvement
1. We chose the antibacterial peptide LL-37, which has already expressed in the engineered bacteria to replace Nad1.

2. We selected the secretory expression vector pVE5523 as the destination vector.
Yinqiu Cui, PhD
Professor, Vice-Dean of College of Life Sciences, Jilin University, Molecular biology expert.
Process
In order to sense the presence of C. albicans, we designed the sensing system, which can detect the 4-HPA secreted by C. albicans, and then activate the PBC promoter to initiate transcription of various parts of the therapeutic system. However, while searching for the sequence of the PBC promoter, we found that there were much unintentional sequences between the start of the PBC promoter and the end of the previous gene. So we considered truncating the middle part of the sequence and asked Dr. Cui about this idea. Dr. Cui expressed appreciation for our design ideas but reminded us: "It is very likely that changing the sequence in front of the promoter may affect the normal start of the promoter." Therefore, she recommended that we keep all the sequences and do not delete them arbitrarily.
Improvement
1. We abandoned the idea of truncating the sequence in the front of the promoter.

2. We decided to change the promoter in the treatment system to a constitutive promoter so that we could easily conduct experiment to verify individual parts.
Comprehensive evaluation
Design determination
After interviewing two professors, our design has been greatly improved according to the proposal from Dr. Cui and Dr. Xiang. The design is as follows:
Sensing system
Therapeutic system
① -BDSF
② -Msp1
③ -β-1,3-Glucanase
④ - LL-37
Suicide switch
Therefore, we hope our project can be comprehensively evaluated from ethics, experimental safety and other aspects.
Overall evaluation
Feng Gao, PhD, MD
Professor, Director of National Engineering Laboratory for AIDS Vaccine, College of Life Sciences, Jilin University, Immunologist.
Process
Our project was basically completed and we hoped to find an expert to evaluate our project. Therefore, we asked Dr. Gao, an expert in the field, to give us some suggestions. We explained our project and presented the project book. Dr. Gao thought that our project was very innovative and close to people's lives. To enhance our project, he suggested that we'd better go to the local hospital and relevant places to collect the opinions of patient groups, which would make the project more practical and persuasive.
Improvement
1. We prepared to make the medicine into a vaginal capsule or vaginal gel by using a probioties preparation process. Engineered bacteria will exert their function in the vaginal environment and kill C. albicans for therapeutic purposes.

2. We have planned a series of interviews with pharmaceutical companies.
Xianghui Yu, PhD
Professor and Dean of School of Life Sciences, Jilin University, Biochemist.
Process
Because of the particularity of vulvovaginal candidiasis and C. albicans, after the establishment of the project system, we consulted Dr. Yu on project safety and ethics. In terms of safety, Dr. Yu reminded us to pay attention to the biological safety level of fungi. When cultivating C. albicans, we should always pay attention to the experimental operation specifications and the follow-up treatment of experimental materials. Both AIDS and vaginitis are closely related to sexual life. Dr. Yu mainly engaged in AIDS vaccine research. She reminded us to pay attention to the ethical aspect and suggested that we contact the experts of the Ethics Committee to get more professional advice.
Improvement
1. We prepared to make the medicine into a vaginal capsule or vaginal gel by using a Probioties preparation process. Engineered bacteria will exert their function in the vaginal environment and kill C. albicans for therapeutic purposes.

2. We have planned a series of interviews with pharmaceutical companies
Safety Operation Regulation
Since our experiment involves fungi, we need stricter laboratory safety regulations. With the assistance of laboratory safety experts, the laboratory safety specifications have been formulated and all the experimenters have been informed. Otherwise, the experiment will not be carried out. Dr. Jiang and Dr.Chen helped us with our regulations. Under the guidance of Dr. Jiang and Dr.Chen, we consulted the relevant laws of China. Organisms used in our project are commonly and widely used strains, so their safety are thus guaranteed. Click here for more information.
Ethics Consideration
Yanyan Li, PhD
Chief pharmacist, first Hospital of Jilin University, Ethics expert.
Process
Dr. Li first told us that biotherapy involves more and more complex ethical issues than traditional medication. Our project has transformed a natural bacteria. Dr. Li reminded us to clarify the safety issues of the project and submit relevant documents during the subsequent verification process. At the same time, in the process of treating vaginitis, it is necessary to inform the patients and their families of the novelty of this treatment and get their approval. For instance,pregnancy and sexual intercourse are not allowed throughout the treatment cycle. .Finally, Dr. Li recommended that we go and learn about a type of cough capsule for treatment that shares similar mechanism as our project
Application perspective
We hope that our project will be applied in the future, so we have established interviews with pharmacies,Pharmaceutical Enterprises，and doctor to make our project more practical.
Pharmacy interview
Process
In order to understand the medicines for vaginitis in the current market, we interviewed dozens of pharmacies in Jilin, Yongsen and Yida pharmacies. We learned that there are two main types of medicines for vaginitis: oral and external use, such as fluconazole, terbinafine, Baofukang suppository and Ke. Myrazole and other drugs. However, oral drugs will cause some damage to the liver and the balance of vaginal flora. While using these drugs, there will be side effects like occasional local irritation, itching or burning sensation. In addition, Lactobacillus vaginal capsule is welcomed by patients and doctors. We introduced our project to pharmacists, and they said they are looking forward to our project.
Therepeutic evaluation
Tianmin Xu, PhD, MD
Deputy Director of Gynecology and Obstetrics, Second Hospital of Jilin University, Gynecologist.
Process
After we interviewed the pharmacy, we learned that there are many Lactobacillus vaginal capsules are better sold in the market for the treatment of VVC. So we contacted Dr Xu to evaluate our design by comparing with the common drugs. Dr. Xu told us that there were many mechanisms of fungal resistance to antifungal drugs at present, including drugs blocked at the cell wall level, reduced drug absorption or damage of drug and fungal targets. Current antifungal drugs usually have a single target for fungi, so Lactobacillus vaginal capsules are superior to antifungal drugs in terms of drug resistance. However, from the clinical effect, the treatment effect of Lactobacillus vaginal capsules is not ideal. The main reason is that the viability of probiotics in capsules is unknown in the vaginal microenvironment at 37 ℃, so the pharmacodynamics may not be obvious. For our project, Dr. Xu said that our method was a comprehensive approach to this disease, and would provide a new direction for the treatment of VVC.
Pharmaceutical Enterprises interview
Process
In order to make our project have more practical application value and make our verification more convincing, we contacted Minhang Factory of Shanghai Xinya Pharmaceutical Industry, which is a pharmaceutical factory specializing in the production of antifungal drugs. Zhijie Gu, our advisor, came to the pharmaceutical factory for an interview. Ding Shang, the general manager of the pharmaceutical factory, received us. In addition, we exchanged views with the technical personnel of the pharmaceutical factory. For the safety verification part of our experiment, technicians suggested that we used the bacteriostatic circle experiment, which provides us with a new idea. In order to verify whether the C. albicans was killed, we added a report-protein control experiment. In addition, in the process of communicating with the general manager of commerce, he suggested that we should compare our project with traditional health care products and medicines to reflect our advantages. At the same time, Ding Shang advised us to do experiments according to the relevant batches to meet the national standards.
Improvement
1. We added the experimental verification part of bacteriostasis circle.

2. We have adjusted our experimental proof scheme according to the relevant national batches.
<script src="js/tool.js"></script> <script>


/* $$("img_0").style.height=$$("jjj").clientHeight+"px"; window.onresize=function(){ $$("img_0").style.height=$$("jjj").clientHeight+"px"; }

  • /

//导航鼠标hover var nav_bg = document.getElementById("nav_bg"); //获取导航外层项目 //滑的太快有bug 排他原则去bug

var moding = 0; //是否在转换过程中 var mode_now = 0; //双模导航的模式

var coupleColor = [ "#fff","#485"];

var daErZi=[]; var last=0;

function initCB() { $$("nav_bg").style.transition = 0.5 + "s";

}

//根据实际情况换文字颜色 function colorCA() { for (var i = 0; i < getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI").length; i++) { getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI")[i].getElementsByTagName("a")[0].style.color = coupleColor[mode_now]; } }



//模式1的所有行为 function nav_anti1() {

for (var i = 0; i < $$("first_s").getElementsByTagName("li").length; i++) { //对象变that var that = $$("first_s").getElementsByTagName("li")[i]; //获取所有有子节点的li并输出到数组中 if (getChildNodes($$("first_s").getElementsByTagName("li")[i], "UL").length > 0) { daErZi.push(i + 1); }


//遍历onmouseenter (function (i) { that.onmouseenter = function () { 


               console.log(i+"来");


for (var b = 0; b < getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI").length; b++) { //摸到了怎么办 if (this === getChildNodes($$("first_s").getElementsByTagName("ul")[0], "LI")[b]) {

//其他的进度条消失

$C$("jindutiao")[b].style.display = "none";

$C$("jindutiao")[b].style.transition = 0 + "s" + " linear"; $C$("jindutiao")[b].style.width = 100+ "%";

this.style.backgroundColor = coupleColor[mode_now]; this.getElementsByTagName("a")[0].style.color = coupleColor[mode_now == 0 ? mode_now + 1 : (mode_now == 1 ? mode_now - 1 : 0)];

}

}

//如果有子菜单的话那就放出来 if (getChildNodes(this, "UL").length > 0) {

for (var i = 0; i < $C$("navul1").length; i++) { $C$("navul1")[i].style.display="none"; } //alert("d"); for (var j = 0; j < getChildNodes(this, "UL").length; j++) { getChildNodes(this, "UL")[j].style.display = "block"; var ul = getChildNodes(this, "UL")[j]; setTimeout(function () {

for (var z = getChildNodes(ul, "LI").length - 1, x = 0; z >= 0; z--, x++) {

(function (z, x) { 

                 setTimeout(function(){getChildNodes(ul, "LI")[z].style.display = "block";},20);

time_1 = setTimeout(function () {

getChildNodes(ul, "LI")[z].style.transition = 0.5 + "s ease"; getChildNodes(ul, "LI")[z].style.zIndex = x * 10 + 5; getChildNodes(ul, "LI")[z].style.transform = "translate(0px," + 61 * z + "px)"; getChildNodes(ul, "LI")[z].style.opacity = 1;


}, 50 * (x + 1))

})(z, x);


}


}, 10); }

}

}

})(i);

//离开的动作 (function (i) { that.onmouseleave = function () {


//碰到有节点的li不进行离开//或者离开一半 for (var m = 0; m < daErZi.length; m++) { if (i == daErZi[m]) { return; } } //背景变色 //initCB(); //colorCA();


//如果有子菜单的话那就收回来 if (getChildNodes(this, "UL").length > 0) { this.style.backgroundColor = coupleColor[1]; this.getElementsByTagName("a")[0].style.color = coupleColor[0];

//alert("d"); for (var j = 0; j < getChildNodes(this, "UL").length; j++) { var ul = getChildNodes(this, "UL")[j]; for (var z = getChildNodes(ul, "LI").length - 1, x = 0; z >= 0; z--, x++) {

(function (z, x) { setTimeout(function () { getChildNodes(ul, "LI")[z].style.opacity = 0; getChildNodes(ul, "LI")[z].style.transition = .2 + "s ease"; getChildNodes(ul, "LI")[z].style.transform = "translate(0px," + 0 + "px)"; 

                setTimeout(function(){getChildNodes(ul, "LI")[z].style.display = "none";},200);

}, 10 * (x + 1))

})(z, x);

}

}

}

}


})(i); }

} nav_anti1(); var heighta = document.body.offsetHeight; var srcolltop; window.onscroll=function(){ srcolltop=document.documentElement.scrollTop || document.body.scrollTop; if(srcolltop>80){ $$("first_s").style.position="fixed"; } 

 if(srcolltop<80){
   $$("first_s").style.position="absolute";
 }

}



window.addEventListener("resize",drawsidebar);


for (var i=0;i<$C$("fifth").length;i++){ var canvas=document.createElement("canvas"); canvas.width=100+"%"; canvas.height=100+"%"; addClass(canvas,"sbc");

$C$("sidebar")[i].appendChild(canvas); }


function drawsidebar() { // body...

for (var i=0;i<$C$("fifth").length;i++){

if(hasClass($C$("sidebar")[i],"sbl")){

var ctx = $C$("sbc")[i].getContext("2d");

var sbwidth=$C$("sidebar")[i].clientWidth; var sbheight=$C$("sidebar")[i].clientHeight; $C$("sbc")[i].width=$C$("sidebar")[i].clientWidth; $C$("sbc")[i].height=$C$("sidebar")[i].clientHeight; var lineW=20; var lineD=(sbheight-2*sbwidth)/(2*lineW); ctx.lineWidth=lineW;

ctx.moveTo(sbwidth-0.5*lineW,0.5*lineW); ctx.lineTo(0.5*lineW,sbwidth); ctx.lineTo(0.5*lineW,sbwidth+20); //ctx.lineCap="round" ctx.strokeStyle="#114499FF"; ctx.lineJoin="round"; ctx.stroke(); ctx.beginPath(); ctx.moveTo(sbwidth-0.5*lineW,sbheight-0.5*lineW); ctx.lineTo(0.5*lineW,sbheight-sbwidth); ctx.lineTo(0.5*lineW,sbheight-sbwidth-20); ctx.stroke(); ctx.beginPath();


ctx.setLineDash([3*lineD,2*lineD]); ctx.lineJoin="miter"; ctx.lineCap="Butt"; ctx.moveTo(0.5*lineW,sbheight-sbwidth); ctx.lineTo(0.5*lineW,sbwidth); ctx.stroke();

} else{ 

var ctx = $C$("sbc")[i].getContext("2d");

var sbwidth=$C$("sidebar")[i].clientWidth; var sbheight=$C$("sidebar")[i].clientHeight; $C$("sbc")[i].width=$C$("sidebar")[i].clientWidth; $C$("sbc")[i].height=$C$("sidebar")[i].clientHeight; var lineW=20; var lineD=(sbheight-2*sbwidth)/(2*lineW); ctx.lineWidth=lineW;


ctx.moveTo(0.5*lineW,0.5*lineW); ctx.lineTo(sbwidth-0.5*lineW,sbwidth); ctx.lineTo(sbwidth-0.5*lineW,sbwidth+20); //ctx.lineCap="round" ctx.strokeStyle="#114499FF"; ctx.lineJoin="round"; ctx.stroke(); ctx.beginPath(); ctx.moveTo(0.5*lineW,sbheight-0.5*lineW);

ctx.lineTo(sbwidth-0.5*lineW,sbheight-sbwidth); ctx.lineTo(sbwidth-0.5*lineW,sbheight-sbwidth-20);

ctx.stroke(); ctx.beginPath();


ctx.setLineDash([3*lineD,2*lineD]); ctx.lineJoin="miter"; ctx.lineCap="Butt"; ctx.moveTo(sbwidth-0.5*lineW,sbheight-sbwidth); ctx.lineTo(sbwidth-0.5*lineW,sbwidth); ctx.stroke(); } } }

drawsidebar(); </script>




</html>