Difference between revisions of "Team:FAFU-CHINA/Attributions"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
− | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
− | < | + | <title>jQuery右侧弹出侧边导航栏代码 </title> |
− | < | + | <link type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/head2/css/index?action=raw&ctype=text/css" rel="stylesheet"> |
+ | <script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/head2/js/jquery1.42.min?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | function anim(duration){ | ||
+ | $('#mint').animate( | ||
+ | {height: 'toggle'}, | ||
+ | {duration: duration} | ||
+ | ); | ||
+ | } | ||
+ | $('#closebtn').click(function() { | ||
+ | $('#mintbar').slideUp(); | ||
+ | anim(600); | ||
+ | }); | ||
+ | |||
+ | $('#mint').click(function() { | ||
+ | anim(600); | ||
+ | $('#mintbar').slideDown('slow'); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
− | < | + | </head> |
− | < | + | <body> |
− | + | ||
− | + | ||
+ | <div class="box-bj"><img src="https://static.igem.org/mediawiki/2015/b/b9/Fafu_wd011.jpg" /></div> | ||
+ | <div id="mintbar"><a id="closebtn" href="#"><img src="https://static.igem.org/mediawiki/2015/0/0e/Fafu_wd02.png" /></a></div> | ||
− | < | + | <div id="mint" style="display:none;position:absolute;top:0;right:0px;"> |
− | < | + | <div class="box-nav-bj"><img style="right:0px; top:0px;" src="https://static.igem.org/mediawiki/2015/0/07/Fafu_wd06.png" /></div> |
− | < | + | <div class="box-nav"> |
− | + | <li><a href="#">关于我们</a></li> | |
+ | <li><a href="#">产品展示</a></li> | ||
+ | <li><a href="#">案例展示</a></li> | ||
+ | <li><a href="#">新闻中心</a></li> | ||
+ | <li><a href="#">新闻资讯</a></li> | ||
+ | <li><a href="#">联系我们</a></li> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/8/87/Fafu_wd07.png" alt="丝带"/> | ||
+ | <div class="box-phone"> | ||
+ | <p>服务热线:</p> | ||
+ | <p>400-091-6001</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="box-dibu"> | ||
+ | |||
+ | <div class="box-dibu2"> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2015/a/af/Fafu_wd04.png" /></a> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0d/Fafu_wd05.png" /></a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 17:38, 14 September 2015
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">