Difference between revisions of "Team:UESTC-China/Team"
| (117 intermediate revisions by 2 users not shown) | |||
| Line 23: | Line 23: | ||
right: inherit; | right: inherit; | ||
} | } | ||
| + | |||
| + | h2{ | ||
| + | text-align: center; | ||
| + | } | ||
| + | h2:hover{ | ||
| + | color:#b6caf2; | ||
| + | } | ||
| + | |||
| + | h1{ | ||
| + | border-left:6px solid #b6caf2; | ||
| + | border-bottom:0; | ||
| + | padding: 0px 0px 0px 10px; | ||
| + | } | ||
| + | |||
| + | .mybtn{ | ||
| + | z-index: 99; | ||
| + | position:relative; | ||
| + | left:45%; | ||
| + | background-color: transparent; | ||
| + | top:-100px | ||
| + | } | ||
| + | |||
| + | @media(max-width:767px){ | ||
| + | .mybtnless{ | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media(min-width:768px){ | ||
| + | .myconless{ | ||
| + | margin-top:-80px; | ||
| + | } | ||
| + | } | ||
| + | .myarrow{ | ||
| + | position: absolute; | ||
| + | opacity: 0.6; | ||
| + | } | ||
| + | .myarrow:hover{ | ||
| + | opacity: 1; | ||
| + | cursor:pointer; | ||
| + | } | ||
| + | .jumpBtn ul{ | ||
| + | margin-left:0; | ||
| + | } | ||
</style> | </style> | ||
| + | |||
| + | <div id="hide"> | ||
| + | <div id="hider"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/d/d0/T--UESTC-China--loading.gif" alt="loading" width="300" height="300"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="firstph"> | ||
| + | <div class="c-banner"> | ||
| + | <div class="banner"> | ||
| + | <ul> | ||
| + | <li><img alt="1" src="https://static.igem.org/mediawiki/2019/6/64/T--UESTC-China--Team_photo_1.jpg"></li> | ||
| + | <li><img alt="2" src="https://static.igem.org/mediawiki/2019/8/81/T--UESTC-China--Team_photo_2.jpg"></li> | ||
| + | <li><img alt="3" src="https://static.igem.org/mediawiki/2019/c/ce/T--UESTC-China--Team_photo_3.jpg"></li> | ||
| + | <li><img alt="4" src="https://static.igem.org/mediawiki/2019/3/3a/T--UESTC-China--Team_photo_4.jpg"></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | |||
| + | <div class="jumpBtn"> | ||
| + | <ul> | ||
| + | <li jumpImg="0"></li> | ||
| + | <li jumpImg="1"></li> | ||
| + | <li jumpImg="2"></li> | ||
| + | <li jumpImg="3"></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
<div class="firstless" > | <div class="firstless" > | ||
<a href="#"> | <a href="#"> | ||
| Line 30: | Line 102: | ||
</div> | </div> | ||
| − | < | + | <!-- |
| − | < | + | <a class="mybtn mybtnless" href="#title_1"> |
| + | <img src="https://static.igem.org/mediawiki/2019/4/40/T--UESTC-China--down.gif" alt="logo" width="8%"> | ||
| + | </a> | ||
| + | --> | ||
| + | |||
| + | |||
<div class="container" id="divTeam"> | <div class="container" id="divTeam"> | ||
<div class="row"> | <div class="row"> | ||
<h1 style="margin-left: 20px" >Team Leader</h1> | <h1 style="margin-left: 20px" >Team Leader</h1> | ||
| − | <div class=" col-sm-6 col-md- | + | <hr> |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <div class=" col-sm-6 col-md-4" id="title_1"> |
| − | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/7/70/T--UESTC-China--li.png" style="width: 100%" alt="logo"> | |
</button> | </button> | ||
| + | <h2>Changyu Li</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/2/22/T--UESTC-China--gao.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Kexin Gao</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/7/75/T--UESTC-China--liu.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Yuanjing Liu</h2> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
<h1 style="margin-left: 20px">Team member</h1> | <h1 style="margin-left: 20px">Team member</h1> | ||
| − | <div class=" col-sm-6 col-md- | + | <hr> |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <div class=" col-sm-6 col-md-4" > |
| − | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/2/2c/T--UESTC-China--huo.png" style="width: 100%" alt="logo"> | |
</button> | </button> | ||
| + | <h2>Jiawei Huo</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/e/e3/T--UESTC-China--rong.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Hairong Wang</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/4/4d/T--UESTC-China--cao.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Yingying Cao</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/b/ba/T--UESTC-China--yao.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Jing Yao</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/f/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/f/f7/T--UESTC-China--hou.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Bojun Hou</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/d/d0/T--UESTC-China--han.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Linhan Huang</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/8/83/T--UESTC-China--xu.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Congyu Xu</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/e/e8/T--UESTC-China--hao.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Minghao Fang</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/6/6f/T--UESTC-China--huang.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Qiuyun Huang</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/a/a9/T--UESTC-China--wang.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Zixin Wang</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/3/38/T--UESTC-China--liao.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Xingyu Liao</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/9/95/T--UESTC-China--lu.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Jiayi Lu</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/d/de/T--UESTC-China--zhou.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Yubing Zhou</h2> | ||
</div> | </div> | ||
| − | <div class=" col-sm-6 col-md- | + | <div class=" col-sm-6 col-md-4" > |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/ | + | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/c/cb/T--UESTC-China--meng.png" style="width: 100%" alt="logo"> |
| − | + | ||
</button> | </button> | ||
| + | <h2>Qiugu Meng</h2> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
<h1 style="margin-left: 20px">Team Adviser</h1> | <h1 style="margin-left: 20px">Team Adviser</h1> | ||
| − | <div class=" col-sm-6 col-md- | + | <hr> |
| − | + | ||
| + | <div class=" col-sm-6 col-md-4" > | ||
| + | <img src="https://static.igem.org/mediawiki/2019/5/5e/T--UESTC-China--zhong.png" style="width: 100%" alt="logo"> | ||
| + | <h2>Zhaohui Zhong</h2> | ||
</div> | </div> | ||
| + | |||
| + | <div class=" col-sm-6 col-md-4" > | ||
| + | <img src="https://static.igem.org/mediawiki/2019/1/19/T--UESTC-China--jian.png" style="width: 100%" alt="logo"> | ||
| + | <h2>Jianzhe Yang</h2> | ||
| + | </div> | ||
| + | |||
| + | <div class=" col-sm-6 col-md-4" > | ||
| + | <img src="https://static.igem.org/mediawiki/2019/e/ee/T--UESTC-China--wu.png" style="width: 100%" alt="logo"> | ||
| + | <h2>Zijian Wu</h2> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
<h1 style="margin-left: 20px">Instructors</h1> | <h1 style="margin-left: 20px">Instructors</h1> | ||
| + | <hr> | ||
<div class=" col-sm-6 col-md-3" > | <div class=" col-sm-6 col-md-3" > | ||
| − | + | <img src="https://static.igem.org/mediawiki/2019/2/2e/T--UESTC-China--tang.png" style="width: 100%" alt="logo"> | |
| + | <h2>Lixia Tang</h2> | ||
</div> | </div> | ||
| + | |||
<div class=" col-sm-6 col-md-3" > | <div class=" col-sm-6 col-md-3" > | ||
| − | + | <img src="https://static.igem.org/mediawiki/2019/2/2f/T--UESTC-China--zhang.png" style="width: 100%" alt="logo"> | |
| + | <h2>Yong Zhang</h2> | ||
</div> | </div> | ||
| + | |||
<div class=" col-sm-6 col-md-3" > | <div class=" col-sm-6 col-md-3" > | ||
| − | + | <img src="https://static.igem.org/mediawiki/2019/4/4f/T--UESTC-China--feng.png" style="width: 100%" alt="logo"> | |
| + | <h2>Juan Feng</h2> | ||
</div> | </div> | ||
| + | |||
<div class=" col-sm-6 col-md-3" > | <div class=" col-sm-6 col-md-3" > | ||
| − | + | <img src="https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--zheng.png" style="width: 100%" alt="logo"> | |
| + | <h2>Xuelian Zheng</h2> | ||
</div> | </div> | ||
| + | |||
</div> | </div> | ||
| + | |||
| + | <div class="row"> | ||
| + | <h1 style="margin-left: 20px">Team Video</h1> | ||
| + | <hr> | ||
| + | <div class="mainbody" style="text-align:center">The following team video contains horrorible spots.<br> | ||
| + | People with heart disease, high blood pressure and other diseases please be careful.<br> | ||
| + | Thank you. | ||
| + | </div> | ||
| + | <div style="text-align: center"> | ||
| + | <video width="80%" poster="https://static.igem.org/mediawiki/2019/9/9c/T--UESTC-China--Team_video_1.jpg" controls preload> | ||
| + | <source src="https://static.igem.org/mediawiki/2019/4/4f/T--UESTC-China--Team_video.mp4" type="video/mp4"> | ||
| + | </video> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> | ||
<div class="modal-dialog" style="width: 100%"> | <div class="modal-dialog" style="width: 100%"> | ||
| − | <div class="modal-content" style="border:0;text-align: center"> <img id="myimg" alt="logo" width="100%"> </div> | + | <div class="myarrow" id="next" style="right: -200px;top:40%;"><img src="https://static.igem.org/mediawiki/2019/7/77/T--UESTC-China--arrow1.png" alt="arrow" width="100%" ></div> |
| − | <div class="modal-footer"> | + | <div id="prev" class="myarrow" style="left: -200px;top:40%;"><img src="https://static.igem.org/mediawiki/2019/8/80/T--UESTC-China--arrow2.png" alt="arrow" width="100%" ></div> |
| − | <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right;background-color: transparent">close</button> | + | <div class="modal-content" style="border:0;text-align: center;border-radius: 11%;"> <img id="myimg" alt="logo" width="100%"> </div> |
| + | <div class="modal-footer" style="border: 0;"> | ||
| + | <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right;background-color: transparent;color:white">close</button> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <div style="display:none">//图片预加载 | ||
| + | <img src="https://static.igem.org/mediawiki/2019/5/53/T--UESTC-China--li1.jpg"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/0/06/T--UESTC-China--gao1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/b/bb/T--UESTC-China--liu1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/d/d4/T--UESTC-China--huo1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/6/69/T--UESTC-China--rong1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/2/20/T--UESTC-China--cao1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/3/32/T--UESTC-China--yao1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/7/74/T--UESTC-China--hao1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/9/94/T--UESTC-China--han1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/2/2d/T--UESTC-China--xu1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/e/eb/T--UESTC-China--hou1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--huang1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/4/40/T--UESTC-China--wang1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/6/6d/T--UESTC-China--liao1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/4/42/T--UESTC-China--lu1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/2/22/T--UESTC-China--zhou1.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/9/93/T--UESTC-China--meng1.png"> | ||
</div> | </div> | ||
<script> | <script> | ||
| − | + | var oImg=document.getElementById("myimg"); | |
var oDIV2=document.getElementById("divTeam"); | var oDIV2=document.getElementById("divTeam"); | ||
var aDIV=oDIV2.getElementsByTagName("button") | var aDIV=oDIV2.getElementsByTagName("button") | ||
var arr=[ | var arr=[ | ||
| − | 'https://static.igem.org/mediawiki/2019/ | + | 'https://static.igem.org/mediawiki/2019/5/53/T--UESTC-China--li1.jpg', |
| − | 'https://static.igem.org/mediawiki/2019/ | + | 'https://static.igem.org/mediawiki/2019/0/06/T--UESTC-China--gao1.png', |
| − | 'https://static.igem.org/mediawiki/2019/ | + | 'https://static.igem.org/mediawiki/2019/b/bb/T--UESTC-China--liu1.png', |
| − | + | 'https://static.igem.org/mediawiki/2019/d/d4/T--UESTC-China--huo1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/6/69/T--UESTC-China--rong1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/2/20/T--UESTC-China--cao1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/3/32/T--UESTC-China--yao1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/e/eb/T--UESTC-China--hou1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/9/94/T--UESTC-China--han1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/2/2d/T--UESTC-China--xu1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/7/74/T--UESTC-China--hao1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--huang1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/4/40/T--UESTC-China--wang1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/6/6d/T--UESTC-China--liao1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/4/42/T--UESTC-China--lu1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/2/22/T--UESTC-China--zhou1.png', | |
| − | + | 'https://static.igem.org/mediawiki/2019/9/93/T--UESTC-China--meng1.png', | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
]; | ]; | ||
| − | |||
for(var i=0;i<aDIV.length;i++) | for(var i=0;i<aDIV.length;i++) | ||
{ | { | ||
| Line 191: | Line 323: | ||
oImg.src= arr[this.index]; | oImg.src= arr[this.index]; | ||
} | } | ||
| + | }; | ||
| + | var oNext=document.getElementById("next"); | ||
| + | oNext.onclick=function() | ||
| + | { | ||
| + | for(let i=0;i<arr.length;i++) | ||
| + | { | ||
| + | if(i==arr.length-1)//如果先到最后的 就先变第一个 | ||
| + | { | ||
| + | oImg.src=arr[0]; | ||
| + | break;//防止自动播放 | ||
| + | } | ||
| + | if(arr[i]==oImg.src) | ||
| + | { | ||
| + | oImg.src=arr[i+1]; | ||
| + | break; | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | var oPrev=document.getElementById("prev"); | ||
| + | oPrev.onclick=function() | ||
| + | { | ||
| + | for(let i=arr.length-1;i>=0;i--) | ||
| + | { | ||
| + | if(i==0)//如果先到第一的 就先变最后一个 | ||
| + | { | ||
| + | oImg.src=arr[arr.length-1]; | ||
| + | break;//防止自动播放 | ||
| + | } | ||
| + | if(arr[i]==oImg.src) | ||
| + | { | ||
| + | oImg.src=arr[i-1]; | ||
| + | break; | ||
| + | } | ||
| + | } | ||
} | } | ||
</script> | </script> | ||
| − | <script> | + | |
| − | $( | + | <script>//用来配合页面加载完再显示 |
| − | + | $(function(){ | |
| − | + | $("#hide").height(20000);//足够大，直接用文档高度有误差 | |
| − | + | $("#hide").width($(document).outerWidth(true));//hide 赋值 | |
| − | + | })//加载适应长度 | |
| + | |||
| + | $(window).resize(function(){//改变屏幕宽度，白板覆盖 | ||
| + | $("#hide").height(20000); | ||
| + | $("#hide").width($(document).outerWidth(true)); | ||
| + | }) | ||
| + | |||
| + | window.onload=function(){ | ||
| + | var oHide=document.getElementById("hide"); | ||
| + | oHide.style.display="none"; | ||
| + | }//图片加载完就显示 | ||
| + | |||
| + | var oHider=document.getElementById("hider"); | ||
| + | oHider.style.left=document.body.clientWidth/2-150+"px";//居中 150是图片宽度一半 | ||
| + | oHider.style.top=window.screen.availHeight/2-150+"px"; | ||
| + | |||
| + | window.onresize=function(){//屏幕变化事件 滚动事件由fixed解决 | ||
| + | var oHider=document.getElementById("hider"); | ||
| + | oHider.style.left=document.body.clientWidth/2-150+"px";//居中 | ||
| + | oHider.style.top=window.screen.availHeight/2-150+"px"; | ||
| + | } | ||
</script> | </script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | |||
| + | var time=null; | ||
| + | //记录当前位子 | ||
| + | var nexImg = 0; | ||
| + | //用于获取轮播图图片个数 | ||
| + | var imgLength = $(".c-banner .banner ul li").length; | ||
| + | //当时动态数据的时候使用,上面那个删除 | ||
| + | // var imgLength =0; | ||
| + | //设置底部第一个按钮样式 | ||
| + | $(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#b6caf2"); | ||
| + | |||
| + | //页面加载 | ||
| + | $(document).ready(function(){ | ||
| + | // dynamicData(); | ||
| + | //启动定时器,设置时间为5秒一次 | ||
| + | time =setInterval(intervalImg,5000); | ||
| + | }); | ||
| + | |||
| + | //轮播图 | ||
| + | function intervalImg(){ | ||
| + | if(nexImg<imgLength-1){ | ||
| + | nexImg++; | ||
| + | }else{ | ||
| + | nexImg=0; | ||
| + | } | ||
| + | |||
| + | //将当前图片试用绝对定位,下一张图片试用相对定位 | ||
| + | $(".c-banner .banner ul img").eq(nexImg-1).css("position","absolute"); | ||
| + | $(".c-banner .banner ul img").eq(nexImg).css("position","relative"); | ||
| + | |||
| + | $(".c-banner .banner ul li").eq(nexImg).css("display","block"); | ||
| + | $(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000); | ||
| + | $(".c-banner .banner ul li").eq(nexImg-1).stop().animate({"opacity":0},1000,function(){ | ||
| + | $(".c-banner .banner ul li").eq(nexImg-1).css("display","none"); | ||
| + | }); | ||
| + | $(".c-banner .jumpBtn ul li").css("background-color","white"); | ||
| + | $(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#b6caf2"); | ||
| + | } | ||
| + | |||
| + | //轮播图底下按钮 | ||
| + | //动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用 | ||
| + | $(".c-banner .jumpBtn ul li").each(function(){ | ||
| + | //为每个按钮定义点击事件 | ||
| + | $(this).click(function(){ | ||
| + | clearInterval(time); | ||
| + | $(".c-banner .jumpBtn ul li").css("background-color","white"); | ||
| + | jumpImg = $(this).attr("jumpImg"); | ||
| + | if(jumpImg!=nexImg){ | ||
| + | var after =$(".c-banner .banner ul li").eq(jumpImg); | ||
| + | var befor =$(".c-banner .banner ul li").eq(nexImg); | ||
| + | |||
| + | //将当前图片试用绝对定位,下一张图片试用相对定位 | ||
| + | $(".c-banner .banner ul img").eq(nexImg).css("position","absolute"); | ||
| + | $(".c-banner .banner ul img").eq(jumpImg).css("position","relative"); | ||
| + | |||
| + | after.css("display","block"); | ||
| + | after.stop().animate({"opacity":1},1000); | ||
| + | befor.stop().animate({"opacity":0},1000,function(){ | ||
| + | befor.css("display","none"); | ||
| + | }); | ||
| + | nexImg=jumpImg; | ||
| + | } | ||
| + | $(this).css("background-color","#b6caf2"); | ||
| + | time =setInterval(intervalImg,5000); | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | jQuery(function($) { | ||
| + | $(".mybtn").click(function() { | ||
| + | $("html, body").animate({ | ||
| + | scrollTop: $($(this).attr("href")).offset().top + "px" | ||
| + | }, 1000); | ||
| + | return false; | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | |||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
{{UESTC-China/footer}} | {{UESTC-China/footer}} | ||
Latest revision as of 02:05, 21 October 2019
Team Leader
Changyu Li
Kexin Gao
Yuanjing Liu
Team member
Jiawei Huo
Hairong Wang
Yingying Cao
Jing Yao
Bojun Hou
Linhan Huang
Congyu Xu
Minghao Fang
Qiuyun Huang
Zixin Wang
Xingyu Liao
Jiayi Lu
Yubing Zhou
Qiugu Meng
Team Adviser
Zhaohui Zhong
Jianzhe Yang
Zijian Wu
Instructors
Lixia Tang
Yong Zhang
Juan Feng
Xuelian Zheng
Team Video
The following team video contains horrorible spots.
People with heart disease, high blood pressure and other diseases please be careful.
Thank you.
People with heart disease, high blood pressure and other diseases please be careful.
Thank you.
