|
|
| (289 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| | <html xmlns="http://www.w3.org/1999/xhtml"> | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| | + | |
| | <head> | | <head> |
| | + | |
| | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
| + | |
| − | <meta itemprop="image" content="http://3gimg.qq.com/qq_product_operations/im/home/imshare.jpg" />
| + | |
| | <title>Aomy</title> | | <title>Aomy</title> |
| | | | |
| − | <style type="text/css"> | + | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script> |
| | | | |
| − | html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&ctype=text/css" /> |
| − | {
| + | |
| − | margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size:100%;
| + | |
| − | }
| + | |
| − | html,body
| + | |
| − | {color:#333}
| + | |
| − | body
| + | |
| − | {background:#fff;}
| + | |
| − | ul,ol,li
| + | |
| − | { list-style:none;}
| + | |
| − | a:link, a:visited
| + | |
| − | { color:#333; text-decoration:none;}
| + | |
| − | a:hover
| + | |
| − | { color:#12b7f5;}
| + | |
| − | img
| + | |
| − | { border:none;}
| + | |
| − | em
| + | |
| − | { font-style:normal;}
| + | |
| − | h1,h2,h3,h4,h5
| + | |
| − | { font-weight:normal;}
| + | |
| − | .clearfloat:after | + | |
| − | { content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
| + | |
| − | .clearfloat
| + | |
| − | {zoom:1;}
| + | |
| | | | |
| − | /* top */ | + | <link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/ScrollStyle?action=raw&ctype=text/css" type="text/css" media="screen" /> |
| − | .max1600 | + | |
| − | {max-width:1600px; min-width:1007px; margin:0 auto;}
| + | |
| − | .topbar | + | |
| − | {
| + | |
| − | position: absolute;
| + | |
| − | left: 0;
| + | |
| − | top: 0;
| + | |
| − | width:100%;
| + | |
| − | height:150px;
| + | |
| − | /*background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/lineartop.png) repeat-x center top;*/
| + | |
| − | z-index: 900;
| + | |
| − | }
| + | |
| − | .toppic
| + | |
| − | {
| + | |
| − | max-width:1170px; min-width:980px; width:80%; height:75px; margin:0 auto;
| + | |
| − | }
| + | |
| − | .toppic a:link, .toppic a:visited
| + | |
| − | {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| | | | |
| − | .topicfixed{ position: fixed; left: 0; top: 0; background: #fff; border-bottom: 1px solid #f1f1f1;}
| + | <link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&ctype=text/css" type="text/css" /> |
| − | .topicfixed a:link, .topicfixed a:visited{ color: #333;}
| + | |
| − | .topside{ float:left; width:59%;}
| + | |
| − | .logoLink{ float:left; display:block; width:106px; height:0px; overflow:hidden; padding-top:76px; font-size:0; background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/logo_w.png) no-repeat left 15px;}
| + | |
| − | .topNav{ float:left; width:450px; padding-left: 18px;}
| + | |
| − | .topNav li{ float:left; margin-left: 20px;}
| + | |
| − | .topNav li a{ float: left; padding: 0 20px; line-height:75px; font-size:1.125em;}
| + | |
| − | .topNav li a:hover{ background: #12b7f5;}
| + | |
| − | .topNav li.current a{ background: #12b7f5;}
| + | |
| − | .topicfixed { height: 75px;}
| + | |
| − | .topicfixed .logoLink{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/logo_b.png);}
| + | |
| − | .topicfixed li.current a{ background: none; color: #12b7f5;}
| + | |
| | | | |
| − | .topicfixed .topNav li a:hover{ background: none; color: #12b7f5;} | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&ctype=text/css" /> |
| | | | |
| − | .topTool{ float:right; width:320px; font-size:0.875em;}
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&ctype=text/javascript"></script> |
| − | .topTool a.barzc{ float: left; width: 96px; height: 0; overflow: hidden; padding: 39px 0 0 0; margin: 18px 0 0 0; background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/icons.png) no-repeat 0 -244px; text-align: center; line-height: 39px; color: #fff;}
| + | </head> |
| − | .topTool a.barzc:hover, .topicfixed a.barzc:hover{background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/icons.png) no-repeat 0 -284px; color: #fff;}
| + | |
| − | .topTool ul{ float: right; height: 40px; padding-top: 6px;}
| + | |
| − | .topTool li{ float: right; margin-left: 30px; position: relative; line-height: 40px;}
| + | |
| − | .topTool .login{ height:43px; line-height:43px;}
| + | |
| − | .topTool .login span{ padding:0 18px; color:#cecece;}
| + | |
| − | .topTool a:hover{ color:#12b7f5;}
| + | |
| − | .flashData{ float: right; line-height:17px; text-align: right; letter-spacing: 0.04em;}
| + | |
| − | .flashData a:hover{ text-decoration:underline;}
| + | |
| − | .topicfixed a.barzc{ display: inline;}
| + | |
| | | | |
| − | #loginInfo img{ float: left; width:25px; height:25px; margin-top: 5px; vertical-align:middle; border-radius: 12px; cursor: pointer;}
| + | <body> |
| − | .loginPenel{ display: none; position: absolute; right: 0; top: 30px; width: 120px; height: 85px; z-index: 100;}
| + | |
| − | .loginPenel .trg{ position: absolute; right: 8px; top: 4px; width: 10px; height: 7px; background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/trg.png) no-repeat 0 0; font-size: 0;}
| + | |
| − | .logindrop{ width: 120px; height: 75px; margin-top: 10px; background: #fff;}
| + | |
| − | .nick{ width: 100px; height: 39px; overflow: hidden; margin: 0 auto; white-space: nowrap; line-height: 39px; text-align: center; text-overflow:ellipsis;}
| + | |
| − | .lgout{ width: 100%; border-top: 1px solid #d7d7d7; line-height: 35px; text-align: center;}
| + | |
| − | .lgout a:link, .lgout a:visited{ color: #333;}
| + | |
| − | /* banner */
| + | |
| − | .crossbanenr{ width: 100%; height: 778px;}
| + | |
| − | .crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; /*max-width: 1920px; */min-width: 1007px; margin: 0 auto;}
| + | |
| − | .crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
| + | |
| − | .crossbanenr li:first-child{ display: block;}
| + | |
| − | .crossbanenr li.current{ z-index: 2;}
| + | |
| − | .crossbanenr li.pcqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pcqq68bgb.jpg) no-repeat center top;}
| + | |
| − | .crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_b.jpg) no-repeat center top;}
| + | |
| − | .crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbig.jpg) no-repeat center top;}
| + | |
| − | .crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_b.jpg) no-repeat center top;}
| + | |
| − | .bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
| + | |
| − | .bntxt{ position: absolute; left: -53px; top: 50%; width: 473px; height: 390px; margin-top: -195px; z-index: 10;}
| + | |
| − | .bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
| + | |
| − | .bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
| + | |
| − | .bntxt a:link, .bntxt a:visited{ color: #fff;}
| + | |
| − | .bntxt a.bnzc{ background-position: 0 0;}
| + | |
| − | .bntxt a.bnzc:hover{ background-position: 0 -77px;}
| + | |
| − | .bntxt a.bnxz{ background-position: 0 0;}
| + | |
| − | .bntxt a.bnxz:hover{ background-position: 0 -77px;}
| + | |
| − | .pcqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/ver74.png) no-repeat 15px top;}
| + | |
| − | .mbqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mbver57.png) no-repeat center 90px;}
| + | |
| − | .padqqbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdtxt5.png) no-repeat 35px top;}
| + | |
| − | .watchbg .bntxt h2{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/watch_tit.png) no-repeat center 40px;}
| + | |
| − | .pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/pc68fig.png) no-repeat 0 0; z-index: 1;}
| + | |
| − | .mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb54fig.png) no-repeat 0 0; z-index: 1;}
| + | |
| | | | |
| − | .circle{ position: relative; width: 100%; height: 52px; margin-top: -52px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/linearbot.png) repeat-x left top; text-align: center; z-index: 5;}
| + | <!-- up --> |
| − | .circle span{ margin: 0 5px; padding: 2px 5px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/nav.png) no-repeat center center; cursor: pointer;}
| + | |
| − | .circle span.on{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/navcur.png);} */
| + | |
| | | | |
| − | .content{ width: 100%;}
| + | <a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.gif) no-repeat center center #147abc;" href="javascript:;" class="lanrenzhijia_top"></a> |
| − | .content h1{ width: 100%; height: 0; overflow: hidden; padding-top: 280px; background: #fff url(http://3gimg.qq.com/qq_product_operations/im/2015/brand.png) no-repeat center top;}
| + | |
| − | .activebg{ position: relative; width: 100%; height: 600px; background: #fff; background-attachment: fixed;background-position: center 0; background-repeat: no-repeat;}
| + | |
| − | .fisrtbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/fisrtbg.jpg);}
| + | |
| − | .secondbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/avd.jpg);}
| + | |
| − | .thirdbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/blog.jpg);}
| + | |
| − | .txtwrap p{ font-size: 18px; letter-spacing: 0.12em;}
| + | |
| − | .qfigure{ width: 100%; height: 584px; background: #fff;}
| + | |
| − | .qw960{ position: relative; width: 960px; height: 584px; margin: 0 auto;}
| + | |
| − | .qcallAnimate{ position: absolute; left: -32px; bottom: 0; width: 664px; height: 763px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_fig0.png) no-repeat 0 0;}
| + | |
| − | .qcall .txtwrap{ position: absolute; right: 7px; top: 115px; width: 487px;}
| + | |
| − | .qcall h2{ width: 100%; height: 0; overflow: hidden; padding-top: 135px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_txt.png) no-repeat 0 0;}
| + | |
| − | .qcall p{ width: 100%; margin-bottom: 12px; line-height: 25px; text-align: right; opacity: 0.6;}
| + | |
| | | | |
| − | .figs{ width: 100%; padding-top: 44px; min-height: 77px;} | + | <script> |
| − | .figs li{ padding: 58px 0 0; color: #a0a0a0; font-size: 14px; text-align: center;} | + | $(function(){ |
| | + | $(window).scroll(function(){ |
| | + | var _top = $(window).scrollTop(); |
| | + | if(_top>300){ |
| | + | $('.lanrenzhijia_top').fadeIn(600); |
| | + | }else{ |
| | + | $('.lanrenzhijia_top').fadeOut(600); |
| | + | } |
| | + | }); |
| | + | $(".lanrenzhijia_top").click(function(){ |
| | + | $("html,body").animate({scrollTop:0},400); |
| | + | }); |
| | + | }); |
| | + | </script> |
| | | | |
| − | .qcall .figs{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_figs.png) no-repeat 190px 41px;}
| |
| − | .qcall .figs li{ float: right; border-left: 1px solid #e9e9e9;}
| |
| − | .qcall .figs li.f01{ width: 80px; text-align: right;}
| |
| − | .qcall .figs li.f02{ width: 109px;}
| |
| − | .qcall .figs li.f03{ width: 156px; border: none;}
| |
| − | .qcallWrap{ position: relative; width: 251px; height: 446px; overflow: hidden; left: 57px; top: 72px;}
| |
| − | .qcallWrap .pic1{ position: absolute; left: 0; top: 0; width: 255px; height: 450px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qcall_fig1.png) no-repeat 0 0; z-index: 2; opacity: 0; filter:Alpha(opacity=0);}
| |
| − | .qcallbtn{ position: absolute; left: 200px; top: 295px; width: 30px; height: 30px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/point.png) no-repeat 0 0; z-index: 1; opacity: 0; filter:Alpha(opacity=0);}
| |
| − | /*qfile*/
| |
| − | .qfileAnimate{ position: absolute; right: 34px; bottom: 0; width: 383px; height: 584px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_fig0.png) no-repeat 0 0;}
| |
| − | .qfile .txtwrap{ position: absolute; left: 7px; top: 115px; width: 450px;}
| |
| − | .qfile h2{ width: 100%; height: 0; overflow: hidden; padding-top: 140px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_txt.png) no-repeat 0 0;}
| |
| − | .qfile p{ width: 90%; margin-bottom: 12px; padding-left: 5px; line-height: 25px; opacity: 0.6;}
| |
| − | .qfile .figs{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_figs.png) no-repeat 7px 41px;}
| |
| − | .qfile .figs li{ float: left; border-right: 1px solid #e9e9e9; }
| |
| − | .qfile .figs li.f01{ width: 94px; text-align: left; text-indent: 12px;}
| |
| − | .qfile .figs li.f02{ width: 112px;}
| |
| − | .qfile .figs li.f03{ width: 108px; border: none;}
| |
| | | | |
| − | .qfileWrap{ position: relative; left: 27px; top: 259px; width: 328px; height: 280px;}
| + | <!-- skip --> |
| − | .qfileWrap .pic1{ position: absolute; left: 10px; top: 0; width: 275px; height: 83px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_fig1.png) no-repeat 0 0; opacity: 0;}
| + | |
| | | | |
| − | .qfileWrap .pic2{ position: absolute; right: 12px; top: 114px; width: 140px; height: 118px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qfile_fig2.png) no-repeat 0 0; opacity: 0;}
| + | <a class="down" href="javascript:;"> |
| − | .qfbar{ position: absolute; left: 78px; top: 71px; width: 194px; height: 3px; overflow: hidden; background: #e6e6e6; opacity: 0;}
| + | <div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;"> |
| − | .qfbar .bar{ width: 30%; height: 3px; background: #5be10b;}
| + | <p style="color: #fff">Skip</p> |
| − | /*qblog*/
| + | </div> |
| − | .qblogAnimate{ position: absolute; left: 98px; bottom: 0; width: 291px; height: 462px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig0.png) no-repeat 0 0;}
| + | </a> |
| − | .qblog .txtwrap{ position: absolute; right: 7px; top: 120px; width: 495px;}
| + | |
| − | .qblog h2{ width: 100%; height: 0; overflow: hidden; padding-top: 135px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_txt.png) no-repeat 0 0;}
| + | |
| − | .qblog p{ width: 100%; margin-bottom: 12px; line-height: 25px; text-align: right; opacity: 0.6;}
| + | |
| − | .qblog .figs{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_figs.png) no-repeat 228px 41px;}
| + | |
| − | .qblog .figs li{ float: right; border-left: 1px solid #e9e9e9;}
| + | |
| − | .qblog .figs li.f01{ width: 80px; text-align: right;}
| + | |
| − | .qblog .figs li.f02{ width: 105px;}
| + | |
| − | .qblog .figs li.f03{ width: 106px; border: none;}
| + | |
| | | | |
| − | .qblogWrap{ position: relative; left: 0; top: 217px; width: 291px; height: 150px;}
| + | <script> |
| − | .qblogWrap div{ position: absolute; top: 0; width: 150px; height: 150px;}
| + | $(function(){ |
| − | .qblogWrap .pic1{ left: -122px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig1.png) no-repeat 0 0; opacity: 0;}
| + | $(".down").click(function(){ |
| − | .qblogWrap .pic2{ left: 70px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig2.png) no-repeat 0 0; opacity: 0;} | + | $("html,body").animate({scrollTop:$('#menu').offset().top},400); |
| − | .qblogWrap .pic3{ right: -119px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/qblog_fig3.png) no-repeat 0 0; opacity: 0;}
| + | }); |
| − | .morefigs{ width: 100%; height: 87px; padding-top: 43px; border-top: 1px solid #e5e5e5} | + | }); |
| − | .morefigs a{ display: block; width: 332px; height: 0; overflow: hidden; padding-top: 45px; margin: 0 auto; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/morefigs.png) no-repeat 0 0;} | + | </script> |
| − | a.knmore:link, a.knmore:visited{ color: #12b7f5;}
| + | |
| − | /* flash */
| + | |
| − | .flashBar{ float:right; width:67px;}
| + | |
| − | .flashBar a{ display:block; width:67px; height:0; overflow:hidden; padding-top:67px; background:#000 url(http://im-img.qq.com/home/img/q2013/flahicons.png) no-repeat 0 0; border-bottom:1px solid #333;}
| + | |
| − | .flashBar a.close{ background-position:14px 14px;}
| + | |
| − | .flashBar a.sharetozone{ background-position:14px -52px;}
| + | |
| − | .flashBar a.sharetoweibo{ background-position:14px -120px;}
| + | |
| − | .flashBar a.close:hover{ background-position:-52px 14px;}
| + | |
| − | .flashBar a.sharetozone:hover{ background-position:-52px -52px;}
| + | |
| − | .flashBar a.sharetoweibo:hover{ background-position:-52px -120px;}
| + | |
| | | | |
| − | .flashBox{ float:left;background:url(http://im-img.qq.com/online/images/loading.gif) no-repeat 50% 40%;width:910px;height:auto;}
| + | <!--Scroll--> |
| − | .overlay{ display:none; position:absolute; left:0; top:0; z-index:9999; width:100%; height:100%; background-color:#000; opacity:0.6; filter:Alpha(opacity=60);}
| + | |
| − | #flashDiv{ position:absolute; left:50%; top:47px; width:978px; height:721px; margin:0 0 0 -489px; display:none; z-index:10000; position: fixed;}
| + | |
| − | .togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;}
| + | |
| − | /* footer */
| + | |
| − | .newfoot{ width: 100%; height: 348px; padding-top:34px; background: #2a2a2a; font-size:0.75em;}
| + | |
| − | .newfoot a:link, .newfoot a:visited{ color: #979797;}
| + | |
| − | .newfoot a:hover{ color: #cfcfcf;}
| + | |
| − | .qmaps{ width: 960px; height: 205px; margin: 0 auto;}
| + | |
| − | .plats{ float: left; width: 510px; padding-left: 8px;}
| + | |
| − | .plats h3{ height: 50px; color: #666; font-size: 14px;}
| + | |
| − | .plats a{ float: left; padding-top: 65px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/plats1.png) no-repeat 0 0; text-align: center; font-size: 14px;}
| + | |
| − | .plats a:hover{ color: #12b7f5;}
| + | |
| − | .plats a.plmb{ width: 68px; margin-right: 35px; background-position: 0px 0;}
| + | |
| − | .plats a.plmb:hover{ background-position: 0px -93px;}
| + | |
| − | .plats a.plpc{ width: 80px; margin-right: 30px; background-position: -105px 0;}
| + | |
| − | .plats a.plpc:hover{ background-position: -105px -93px;}
| + | |
| − | .plats a.plmac{ width: 84px; margin-right:30px; background-position: -210px 0;}
| + | |
| − | .plats a.plmac:hover{ background-position: -210px -93px;}
| + | |
| − | .plats a.plpad{ width: 76px; background-position: -326px 0;}
| + | |
| − | .plats a.plpad:hover{ background-position: -326px -93px;}
| + | |
| − | .map{ float: left;}
| + | |
| − | .map h3{ height: 25px; color: #666; font-size: 14px;}
| + | |
| − | .map li{ line-height: 22px;}
| + | |
| − | .qac{ width: 185px;}
| + | |
| − | .qfaq{width: 175px;}
| + | |
| − | .qlink{ width: 80px;}
| + | |
| − | .copyright{ clear: both; width: 960px; margin: 0 auto; padding-top: 16px; border-top: 1px solid #666; line-height: 17px; text-align: center; color: #666;}
| + | |
| − | .login_div { display: none; position: fixed; left: 50%; top: 50%; width: 622px; height: 368px; margin: -184px 0 0 -311px; z-index: 99999;}
| + | |
| | | | |
| − | #pg2 .qfileWrap .pic1{
| + | <div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12"> |
| − | opacity: 1;
| + | <div class="holder"> |
| − | -webkit-transform-origin:left;
| + | |
| − | -moz-transform-origin:left;
| + | |
| − | -o-transform-origin:left;
| + | |
| − | -ms-transform-origin:left;
| + | |
| − | transform-origin:left;
| + | |
| − | -webkit-animation: zoomIn 0.2s ease 0.1s;
| + | |
| − | -moz-animation: zoomIn 0.2s ease 0.1s;
| + | |
| − | -o-animation: zoomIn 0.2s ease 0.1s;
| + | |
| − | animation: zoomIn 0.2s ease 0.1s;
| + | |
| − | -webkit-animation-fill-mode: backwards;
| + | |
| − | -moz-animation-fill-mode: backwards;
| + | |
| − | -o-animation-fill-mode: backwards;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | }
| + | |
| | | | |
| − | #pg2 .qfileWrap .qfbar{
| + | <div id="wowslider-container"> |
| − | -webkit-animation: fadeIn 0.4s ease 0.3s;
| + | |
| − | -moz-animation: fadeIn 0.4s ease 0.3s;
| + | |
| − | -o-animation: fadeIn 0.4s ease 0.3s;
| + | |
| − | animation: fadeIn 0.4s ease 0.3s;
| + | |
| − | -webkit-animation-fill-mode: forwards;
| + | |
| − | -moz-animation-fill-mode: forwards;
| + | |
| − | -o-animation-fill-mode: forwards;
| + | |
| − | animation-fill-mode: forwards;
| + | |
| − | }
| + | |
| | | | |
| − | #pg2 .qfileWrap .bar{
| + | <!--Scroll pic--> |
| − | -webkit-animation: widthall 1s ease 0.4s;
| + | <div class="ws_images"> |
| − | -moz-animation: widthall 1s ease 0.4s;
| + | <ul> |
| − | -o-animation: widthall 1s ease 0.4s;
| + | <li><a href="#menu" id="ClickSkip"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li> |
| − | animation: widthall 1s ease 0.4s;
| + | <li><a><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li> |
| − | -webkit-animation-fill-mode: forwards;
| + | <li><a><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li> |
| − | -moz-animation-fill-mode: forwards;
| + | </ul> |
| − | -o-animation-fill-mode: forwards;
| + | </div> |
| − | animation-fill-mode: forwards;
| + | |
| − | }
| + | |
| | | | |
| − | #pg2 .qfileWrap .pic2{ | + | <script> |
| − | opacity: 1;
| + | $(function(){ |
| − | -webkit-transform-origin:right;
| + | $("#ClickSkip").click(function(){ |
| − | -moz-transform-origin:right;
| + | $("html,body").animate({scrollTop:$('#menu').offset().top},400); |
| − | -o-transform-origin:right;
| + | }); |
| − | -ms-transform-origin:right;
| + | }); |
| − | transform-origin:right;
| + | </script> |
| − | -webkit-animation: zoomIn 0.2s ease 1.5s;
| + | |
| − | -moz-animation: zoomIn 0.2s ease 1.5s;
| + | |
| − | -o-animation: zoomIn 0.2s ease 1.5s;
| + | |
| − | animation: zoomIn 0.2s ease 1.5s;
| + | |
| − | -webkit-animation-fill-mode: backwards;
| + | |
| − | -moz-animation-fill-mode: backwards;
| + | |
| − | -o-animation-fill-mode: backwards;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | }
| + | |
| | | | |
| − | #pg3 .qblogWrap .pic1{
| + | <!--little pic--> |
| − | opacity: 1;
| + | <div class="ws_bullets"> |
| − | -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
| + | <div> |
| − | -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
| + | <a><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a> |
| − | -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
| + | <a><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a> |
| − | animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
| + | <a><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a> |
| − | -webkit-animation-fill-mode: backwards;
| + | </div> |
| − | -moz-animation-fill-mode: backwards;
| + | </div> |
| − | -o-animation-fill-mode: backwards;
| + | </div> |
| − | animation-fill-mode: backwards;
| + | |
| − | }
| + | |
| | | | |
| − | #pg3 .qblogWrap .pic2{
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&ctype=text/javascript"></script> |
| − | opacity: 1;
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&ctype=text/javascript"></script> |
| − | -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
| + | |
| − | -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
| + | |
| − | -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
| + | |
| − | animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
| + | |
| − | -webkit-animation-fill-mode: backwards;
| + | |
| − | -moz-animation-fill-mode: backwards;
| + | |
| − | -o-animation-fill-mode: backwards;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | }
| + | |
| | | | |
| − | #pg3 .qblogWrap .pic3{
| + | </div> |
| − | opacity: 1;
| + | </div> |
| − | -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
| + | |
| − | -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
| + | |
| − | -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
| + | |
| − | animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
| + | |
| − | -webkit-animation-fill-mode: backwards;
| + | |
| − | -moz-animation-fill-mode: backwards;
| + | |
| − | -o-animation-fill-mode: backwards;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | }
| + | |
| | | | |
| − | @keyframes fadeUp {
| + | <!--Main Content--> |
| − | 0% { opacity: 0;transform:translateY(-20px);}
| + | |
| − | 100% { opacity: 1;transform:translateY(0px);}
| + | |
| − | }
| + | |
| − | @-moz-keyframes fadeUp {
| + | |
| − | 0% {opacity: 0; transform:translateY(-20px);}
| + | |
| − | 100% {opacity: 1; transform:translateY(0px);}
| + | |
| − | }
| + | |
| − | @-webkit-keyframes fadeUp {
| + | |
| − | 0% {opacity: 0;-webkit-transform:translateY(-20px);}
| + | |
| − | 100% {opacity: 1; -webkit-transform:translateY(0px);}
| + | |
| − | }
| + | |
| | | | |
| − | @-o-keyframes fadeUp {
| + | <div class="content"> |
| − | 0% { opacity: 0;-o-transform:translateY(-20px);}
| + | |
| − | 100% { opacity: 1;-o-transform:translateY(0px);}
| + | |
| − | }
| + | |
| − | @-ms-keyframes fadeUp {
| + | |
| − | 0% { opacity: 0;-ms-transform:translateY(-20px);}
| + | |
| − | 100% { opacity: 1;-ms-transform:translateY(0px);}
| + | |
| − | }
| + | |
| | | | |
| − | @keyframes fadeIn {
| + | <!--title_circuits--> |
| − | 0% { opacity: 0;}
| + | <div style="padding-top: 10px; padding-bottom: 10px;"> |
| − | 100% { opacity: 1;}
| + | <img style="width: 80%; margin-left: 10%;" src="https://static.igem.org/mediawiki/2015/1/14/Amoy-Home_Title_pic1.png"/> |
| − | }
| + | </div> |
| − | @-moz-keyframes fadeIn {
| + | |
| − | 0% {opacity: 0; }
| + | |
| − | 100% {opacity: 1; }
| + | |
| − | }
| + | |
| − | @-webkit-keyframes fadeIn {
| + | |
| − | 0% {opacity: 0;}
| + | |
| − | 100% {opacity: 1; }
| + | |
| − | }
| + | |
| − | @-o-keyframes fadeIn {
| + | |
| − | 0% { opacity: 0;}
| + | |
| − | 100% { opacity: 1;}
| + | |
| − | }
| + | |
| − | @-ms-keyframes fadeIn {
| + | |
| − | 0% { opacity: 0;}
| + | |
| − | 100% { opacity: 1;}
| + | |
| − | }
| + | |
| | | | |
| − | @keyframes widthall {
| + | <!--bg_circuits--> |
| − | 0%{ width: 30%;}
| + | <div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;"> |
| − | 100% { width: 100%;}
| + | <div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;"> |
| − | }
| + | </div> |
| − | @-moz-keyframes widthall {
| + | |
| − | 0%{ width: 30%;}
| + | |
| − | 100% { width: 100%;}
| + | |
| − | }
| + | |
| − | @-webkit-keyframes widthall {
| + | |
| − | 0%{ width: 30%;}
| + | |
| − | 100% { width: 100%;}
| + | |
| − | }
| + | |
| − | @-o-keyframes widthall {
| + | |
| − | 0%{ width: 30%;}
| + | |
| − | 100% { width: 100%;}
| + | |
| − | }
| + | |
| − | @-ms-keyframes widthall{
| + | |
| − | 0%{ width: 30%;}
| + | |
| − | 100% { width: 100%;}
| + | |
| − | }
| + | |
| | | | |
| − | @keyframes zoomIn {
| + | <div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;"> |
| − | 0%{ transform: scale(0);}
| + | <video id="video_mp4" src="https://static.igem.org/mediawiki/2015/e/ec/AMOY_album_video_2.0.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video> |
| − | 60%{ transform: scale(1.1);}
| + | <button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button> |
| − | 100% { transform: scale(1);}
| + | </div> |
| − | }
| + | |
| − | @-moz-keyframes zoomIn {
| + | |
| − | 0%{ transform: scale(0);}
| + | |
| − | 60% { transform: scale(1.1);}
| + | |
| − | 100% { transform: scale(1);}
| + | |
| − | }
| + | |
| − | @-webkit-keyframes zoomIn {
| + | |
| − | 0%{ -webkit-transform: scale(0);}
| + | |
| − | 60% { -webkit-transform: scale(1.1);}
| + | |
| − | 100% { -webkit-transform: scale(1);}
| + | |
| − | }
| + | |
| − | @-o-keyframes zoomIn {
| + | |
| − | 0%{ -o-transform: scale(0);}
| + | |
| − | 90% { -o-transform: scale(1.1);}
| + | |
| − | 100% { -o-transform: scale(1);}
| + | |
| − | }
| + | |
| − | @-ms-keyframes zoomIn{
| + | |
| − | 0%{ -ms-transform: scale(0);}
| + | |
| − | 60% { -ms-transform: scale(1.1);}
| + | |
| − | 100% { -ms-transform: scale(1);}
| + | |
| − | }
| + | |
| | | | |
| − | @keyframes moveleft {
| + | </div> |
| − | 0% { transform:translateX(100%); opacity: 1;}
| + | |
| − | 100% { transform:translateX(0); opacity: 1;}
| + | |
| − | }
| + | |
| − | @-moz-keyframes moveleft {
| + | |
| − | 0% { transform:translateX(100%); opacity: 1;}
| + | |
| − | 100% { transform:translateX(0); opacity: 1;}
| + | |
| − | }
| + | |
| − | @-webkit-keyframes moveleft {
| + | |
| − | 0% {-webkit-transform:translateX(100%); opacity: 1;}
| + | |
| − | 100% { -webkit-transform:translateX(0); opacity: 1;}
| + | |
| − | }
| + | |
| | | | |
| − | @-o-keyframes moveleft {
| + | <script type="text/javascript"> |
| − | 0% { -o-transform:translateX(100%); opacity: 1;}
| + | document.getElementById("video_button").onclick=function(){ |
| − | 100% { -o-transform:translateX(0); opacity: 1;}
| + | document.getElementById("video_out").style.display="inline-block"; |
| − | }
| + | document.getElementById("video_back").style.display="inline-block"; |
| − | @-ms-keyframes moveleft {
| + | |
| − | 0% { -ms-transform:translateX(100%); opacity: 1;}
| + | |
| − | 100% { -ms-transform:translateX(0); opacity: 1;}
| + | |
| | } | | } |
| | + | </script> |
| | | | |
| − | @keyframes click {
| + | <script type="text/javascript"> |
| − | 0% { transform:translateY(0px) translateX(0px);}
| + | document.getElementById("video_back").onclick=function(){ |
| − | 80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
| + | document.getElementById("video_out").style.display="none"; |
| − | 90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
| + | document.getElementById("video_back").style.display="none"; |
| − | 100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
| + | |
| − | }
| + | |
| − | @-moz-keyframes click {
| + | |
| − | 0% { transform:translateY(0px) translateX(0px);}
| + | |
| − | 80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
| + | |
| − | 90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
| + | |
| − | 100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
| + | |
| − | }
| + | |
| − | @-webkit-keyframes click {
| + | |
| − | 0% { -webkit-transform:translateY(0px) translateX(0px);}
| + | |
| − | 80% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
| + | |
| − | 90% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
| + | |
| − | 100% { -webkit-transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
| + | |
| | } | | } |
| | + | </script> |
| | | | |
| − | @-o-keyframes click {
| + | <!--title_result--> |
| − | 0% { -o-transform:translateY(0px) translateX(0px);}
| + | <div style="background: #fff; width: 100%; overflow: hidden"> |
| − | 80% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
| + | <a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a> |
| − | 90% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
| + | <img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/7/78/Amoy-Home_Title_pic31.png" /> |
| − | 100% { -o-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
| + | </div> |
| − | }
| + | |
| − | @-ms-keyframes click {
| + | |
| − | 0% { -ms-transform:translateY(0px) translateX(0px);}
| + | |
| − | 80% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
| + | |
| − | 90% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
| + | |
| − | 100% { -ms-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
| + | |
| − | }
| + | |
| | | | |
| − | @media screen and (min-width:1921px) {
| + | <!--bg_experiment--> |
| − | .crossbanenr li{ width: 100%; left: 50%; margin-left: -50%;}
| + | <div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;"> |
| − | .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.fisrtbg, .secondbg, .thirdbg{ background-size: 100%;}
| + | </div> |
| − | }
| + | <!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg--> |
| | | | |
| − | @media screen and (max-width:1440px) {
| + | <!--title_experiment--> |
| − | .crossbanenr li.pcqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_pc_banner.jpg) no-repeat center top;}
| + | |
| − | .crossbanenr li.mbqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/mb57_s.jpg) no-repeat center top;}
| + | |
| − | .crossbanenr li.padqqbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/hdbanner.jpg) no-repeat center top;}
| + | |
| − | .crossbanenr li.watchbg{ background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/im_watch_s.jpg) no-repeat center top;}
| + | |
| − | .fisrtbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/bg1_1600.jpg);}
| + | |
| − | .secondbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/avds.jpg);}
| + | |
| − | .thirdbg{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/bg3_1600.jpg);}
| + | |
| − | .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
| + | |
| − | }
| + | |
| | | | |
| − | @media screen and (max-width:1200px) and (min-height:1400px) {
| + | <div style="background: #fff; width: 100%; height: 524px; "> |
| − | .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
| + | <div style="position: relative; width: 100%; height: 524px; margin: 0 auto;"> |
| − | }
| + | <div style="position: absolute; right: 3%; width: 41.66667%;"> |
| − | @media screen and (min-width:1200px) and (min-height:900px) {
| + | <a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a> |
| − | .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
| + | </div> |
| − | }
| + | <div> |
| | + | <img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" /> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | | | |
| | + | <!--bg_result--> |
| | + | <div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg33.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;"> |
| | + | </div> |
| | | | |
| − | </style> | + | <!--main_menu--> |
| | + | <div id="menu" style="background: #fff; width: 100%; overflow: hidden"> |
| | + | <img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" /> |
| | + | <!--pic--> |
| | | | |
| − | <!--
| |
| − | <script type="text/javascript">
| |
| − | var t0 = new Date();
| |
| − | var os = function() {
| |
| − | var ua = navigator.userAgent,
| |
| − | isWindowsPhone = /(?:Windows Phone)/.test(ua),
| |
| − | isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
| |
| − | isAndroid = /(?:Android)/.test(ua),
| |
| − | isFireFox = /(?:Firefox)/.test(ua),
| |
| − | isChrome = /(?:Chrome|CriOS)/.test(ua),
| |
| − | isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
| |
| − | isPhone = /(?:iPhone)/.test(ua) && !isTablet,
| |
| − | isPc = !isPhone && !isAndroid && !isSymbian;
| |
| − | return {
| |
| − | isTablet: isTablet,
| |
| − | isPhone: isPhone,
| |
| − | isAndroid : isAndroid,
| |
| − | isPc : isPc
| |
| − | };
| |
| − | }();
| |
| − | var getSearch = function(name) {
| |
| − | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
| |
| − | var r = window.location.search.substring(1).match(reg);
| |
| − | if ( !! r) {
| |
| − | return unescape(r[2]);
| |
| − | }
| |
| − | return null;
| |
| − | };
| |
| − | var searchstr = window.location.search,
| |
| − | hashstr = window.location.hash;
| |
| − | var viewpc = getSearch("vpc");
| |
| − | if(!viewpc && (os.isAndroid || os.isPhone)){
| |
| − | location.replace('http://im.qq.com/immobile/index.html'+searchstr+hashstr);
| |
| − | }else if(os.isTablet){
| |
| − | location.replace('http://im.qq.com/qqhd/'+searchstr+hashstr);
| |
| − | }
| |
| − | </script>
| |
| − | -->
| |
| | | | |
| | + | <!--menu_pic--> |
| | | | |
| − | </head> | + | <div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;"> |
| | + | <div class="content-container"> |
| | + | <div id="portfolio-content" class="center-text"> |
| | + | <div class="portfolio-page" id="page-1"> |
| | | | |
| | + | <div class="portfolio-group"> |
| | + | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" /> |
| | + | <div class="detail"> |
| | + | <h1 class="funch">Team</h1> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | | | |
| − | <body>
| + | <div class=" portfolio- group"> |
| − | <!--S header-->
| + | <a class=" portfolio-item" href=" https:// 2015. igem. org/ Team: Amoy/ Project"> |
| − | <div id="topbar" class="topbar"> | + | <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" /> |
| − | <div class="toppic">
| + | |
| − | <!--导航-->
| + | <h1 class="funch">Project</h1> |
| − | <div class="topside">
| + | </div> |
| − | <a href="index.shtml" class=" logoLink" pgv="im.index2015.logo">im.qq.com</a> | + | </a> |
| − | <ul id="topNav" class="topNav">
| + | |
| − | <li class="current"><a pgv="im.index2015.homepage" href="http://im.qq.com/">首页</a></li>
| + | |
| − | <li><a pgv="im.index2015.download" href="http://im.qq.com/download/">下载</a></li>
| + | |
| − | <li><a pgv="im.index2015.active" href="http://im.qq.com/album/">动态</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--注册-->
| + | |
| − | <div class="topTool">
| + | |
| − | <a class="barzc" pgv="im.index2015.zuce" href="http://zc.qq.com/chs/index.html" target="_blank">注册</a>
| + | |
| − | <ul>
| + | |
| − | <li id="loginInfo">
| + | |
| − | <a pgv="im.qq.com.login" id="login" href="#">登录</a>
| + | |
| − | <div id="loginPenel" class=" loginPenel"> | + | |
| − | <span class="trg"></span>
| + | |
| − | <div class="logindrop">
| + | |
| − | <div id="nick" class="nick">Hi,飞翔的企鹅</div>
| + | |
| − | <div class="lgout"><a id="lgout" href="javascript:;">[退出]</a></div> | + | |
| | </div> | | </div> |
| − | </div>
| |
| − | </li>
| |
| − | <li><a pgv="im.index2015.safe" href="http://aq.qq.com/" target="_blank">QQ安全</a></li>
| |
| − | <li><a pgv="im.index2015.vip" href="http://vip.qq.com/" target="_blank">QQ会员</a></li>
| |
| − | </ul>
| |
| − | <div class="flashData"><a pgv="im.qq.com.viewonlinedata" id="viewOnline" href="#">当前在线人数：<em id="cur_online">211,539,849</em></a></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--E header-->
| |
| | | | |
| − | <!--S banner-->
| + | <div class=" portfolio-group"> |
| − | <div class="crossbanenr"> | + | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook"> |
| − | <ul id="crossbanenr">
| + | <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" /> |
| − |
| + | |
| − | <li class="pcqqbg">
| + | <h1 class="funch">Notebook</h1> |
| − | <div class="bncont">
| + | </div> |
| − | | + | </a> |
| − | <h2>QQ pc版7.4 全新视觉，更新、更薄、更高效</h2>
| + | </div> |
| − | <a class="bnxz" pgv="im.index2015.bannerdownload_pc" href="http://im.qq.com/pcqq/" target="_blank">下载</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| | | | |
| − | <li class="mbqqbg">
| + | <div class="portfolio-group"> |
| − | <div class="bncont">
| + | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab"> |
| − | <div class="bntxt">
| + | <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" /> |
| − | <h2>QQ手机版v5.7 趣味变声 搞笑卖萌乐翻天</h2>
| + | <div class="detail"> |
| − | <a class="bnxz" pgv="im.index2015.bannerdownload_mobile" href="http://im.qq.com/mobileqq/" target="_blank">下载</a>
| + | <h1 class="funch">Interlab</h1> |
| − | </div>
| + | </div> |
| − | </div>
| + | </a> |
| − | </li>
| + | </div> |
| | | | |
| − | <li class="watchbg">
| |
| − | <div class="bncont">
| |
| − | <div class="bntxt">
| |
| − | <h2>开启色彩社交时代 QQ Apple Watch</h2>
| |
| − | <a class="bnxz" pgv="im.index2015.bannerdownload_watch" href="http://im.qq.com/applewatch/" target="_blank">下载</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| | | | |
| − | <!-- <li class="padqqbg">
| + | <div class="portfolio-group"> |
| − | | + | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter"> |
| − | <div class="bntxt">
| + | <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" /> |
| − | <h2>QQipad版5.1 全新界面 带来你想要的缤纷体验</h2>
| + | |
| − | <a class=" bnxz" pgv=" im. index2015. bannerdownload_hd" href=" http:// im. qq. com/ qqhd/" target=" _blank"> 下载</ a> | + | <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1> |
| − | </div>
| + | </div> |
| − | </div>
| + | </a> |
| − | </li> -->
| + | </div> |
| | + | |
| | + | <div class="portfolio-group"> |
| | + | <a class=" portfolio-item" href=" https://2015. igem. org/Team:Amoy/Practices" > |
| | + | <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" /> |
| | + | <div class="detail"> |
| | + | <h1 class="funch">Practice</h1> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | | | |
| − | </ul>
| + | <div class="portfolio-group"> |
| − | </div> | + | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging"> |
| − | <!--E banner--> | + | <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" /> |
| | + | <div class="detail"> |
| | + | <h1 class="funch">Judging</h1> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | + | |
| | + | <div class="portfolio-group"> |
| | + | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" /> |
| | + | <div class="detail"> |
| | + | <h1 class="funch">Safety</h1> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | | | |
| − | <!--S figure-->
| |
| − | <div class="content">
| |
| − | <h1>I'm QQ - 每一天，乐在沟通</h1>
| |
| − | <div id="fisrtbg" class="activebg fisrtbg" data-stellar-background-ratio="0.03"></div>
| |
| − | <div class="qfigure qcall">
| |
| − | <div class="qw960">
| |
| − | <div class="txtwrap">
| |
| − | <h2>沟通，是跨越千山万水的亲切声音</h2>
| |
| − | <p>无论何时何地，你都能自由享受QQ在各类终端<br />上带来的高清通话，与好友一起想聊多久聊多久</p>
| |
| − | <p><a class="knmore" href="http://im.qq.com/album/v/" target="_blank" pgv="im.index2015.more_1">了解更多 ></a></p>
| |
| − | <ul class="figs">
| |
| − | <li class="f01">屏幕分享</li>
| |
| − | <li class="f02">群组通话</li>
| |
| − | <li class="f03">两人、多人通话</li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="qcallAnimate">
| |
| − | <div class="qcallWrap">
| |
| − | <div class="qcallbtn"></div>
| |
| − | <div class="pic1"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="secondbg" class="activebg secondbg" data-stellar-background-ratio="0.05"></div>
| |
| − | <div class="qfigure qfile">
| |
| − | <div class="qw960">
| |
| − | <div class="txtwrap">
| |
| − | <h2>沟通，是随时随地爽快收发</h2>
| |
| − | <p>贴心的云端漫游技术，让QQ收发的文件随<br />身而行，轻松在线查阅，0流量快速转发。</p>
| |
| − | <p><a class="knmore" href="http://im.qq.com/files/" target="_blank" pgv="im.index2015.more_2">了解更多 ></a></p>
| |
| − | <ul class="figs">
| |
| − | <li class="f01">文件漫游</li>
| |
| − | <li class="f02">多端互传</li>
| |
| − | <li class="f03">在线预览</li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="qfileAnimate">
| |
| − | <div class="qfileWrap">
| |
| − | <div class="pic1"></div>
| |
| − | <div class="pic2"></div>
| |
| − | <div class="qfbar">
| |
| − | <div class="bar"></div>
| |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | |
| | </div> | | </div> |
| − | </div>
| |
| − | </div>
| |
| − | <div id="thirdbg" class="activebg thirdbg" data-stellar-background-ratio="0.05"></div>
| |
| − | <div class="qfigure qblog">
| |
| − | <div class="qw960">
| |
| − | <div class="txtwrap">
| |
| − | <h2>沟通，是志同道合的他们放肆青春</h2>
| |
| − | <p>即使世界很大，你也不会孤单，在兴趣部落<br />有和你一样的人，期待着和你一起发现精彩</p>
| |
| − | <p><a class="knmore" href="http://qun.qq.com/tribe.html" target="_blank" pgv="im.index2015.more_3">了解更多 ></a></p>
| |
| − | <ul class="figs">
| |
| − | <li class="f01">精彩图集</li>
| |
| − | <li class="f02">附近热点</li>
| |
| − | <li class="f03">兴趣社区</li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="qblogAnimate">
| |
| − | <div class="qblogWrap">
| |
| − | <div class="pic1"></div>
| |
| − | <div class="pic2"></div>
| |
| − | <div class="pic3"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- <div class="morefigs"><a href="#">更多精彩功能</a></div> -->
| |
| − | </div>
| |
| − | <!--E figure-->
| |
| | | | |
| − | <!--S footer-->
| |
| − | <div class="newfoot">
| |
| − | <div class="qmaps">
| |
| − | <div class="plats">
| |
| − | <h3>了解热门产品</h3>
| |
| − | <a class="plmb" pgv="im.index2015.maps.mobile" href="http://im.qq.com/mobileqq/" target="_blank">QQ 手机版</a>
| |
| − | <a class="plpc" pgv="im.index2015.maps.pc" href="http://im.qq.com/pcqq/" target="_blank">QQ PC版</a>
| |
| − | <a class="plmac" pgv="im.index2015.maps.mac" href="http://im.qq.com/macqq/" target="_blank">QQ Mac版</a>
| |
| − | <a class="plpad" pgv="im.index2015.maps.pad" href="http://im.qq.com/qqhd/" target="_blank">QQ Pad版</a>
| |
| | </div> | | </div> |
| | | | |
| − | <!-- <div class="map qac"> | + | </div> |
| − | <h3>QQ动态</h3>
| + | </div> |
| − | <ul>
| + | |
| − | <li><a pgv="im.index2015.maps.zhuanshu" href="#" target="_blank">精品专属</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.zixun" href="#" target="_blank">热门资讯</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.fengmian" href="#" target="_blank">QQ封面</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.licheng" href="#" target="_blank">版本历程</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.blog" href="#" target="_blank">产品博客</a></li>
| + | |
| − | </ul>
| + | |
| − | </div> -->
| + | |
| | | | |
| − | <div class="map qac">
| + | <!--end content--> |
| − | <h3>QQ安全</h3>
| + | </div> |
| − | <ul>
| + | |
| − | <li><a pgv="im.index2015.maps.anquan" href="http://aq.qq.com/" target="_blank">安全中心</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.dongjie" href="http://110.qq.com/" target="_blank">冻结帐号</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.jubao" href="http://aq.qq.com/v2/safe_school/report_index.shtml" target="_blank">举报恶意行为</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.huifu" href="http://huifu.qq.com/" target="_blank">恢复好友和群</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="map qfaq">
| + | <!--footer--> |
| − | <h3>帮助反馈</h3>
| + | <div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;"> |
| − | <ul>
| + | <img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" /> |
| − | <li><a pgv="im.index2015.maps.kefu" href="http://kf.qq.com/product/QQ.html" target="_blank">腾讯客服</a></li>
| + | <div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;"> |
| − | <li><a pgv="im.index2015.maps.fankui" href="http://support.qq.com/discuss/44_1.shtml" target="_blank">反馈问题</a></li>
| + | <p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p> |
| − | <li><a pgv="im.index2015.maps.txweibo" href="http://e.t.qq.com/QQ" target="_blank">腾讯微博</a></li>
| + | <p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email: </strong>igemxmu@gmail.com</p> |
| − | <li><a pgv="im.index2015.maps.sinaweibo" href="http://weibo.com/u/2508053484" target="_blank">新浪微博</a></li>
| + | < p style=" font-size: 14px; color: # fff;">< strong> Website: </ strong><a href=" https:// 2015. igem. org/ Team:Amoy" target="_blank" style=" color: #fff;"> 2015. igem. org/Team: Amoy</a></ p> |
| − | </ul>
| + | <p style="font-size: 14px; color: #fff;"><strong>Address: </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p> |
| − | </div>
| + | |
| − | | + | |
| − | <div class="map qlink">
| + | |
| − | <h3>友情链接</h3>
| + | |
| − | <ul>
| + | |
| − | <li><a pgv="im.index2015.maps.buluo" href="http://buluo.qq.com" target="_blank">兴趣部落</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.qun" href="http://qun.qq.com/" target="_blank">QQ群</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.yinyue" href="http://y.qq.com/#type=index " target="_blank">QQ音乐</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.browser" href=" http:// browser. qq. com/" target="_blank" >QQ浏览器</a></li> | + | |
| − | <li><a pgv="im.index2015.maps.laidian" href="http://laidian.qq.com/" target="_blank">来电</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.shipin" href="http://v.qq.com/" target="_blank">腾讯视频</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.tiyan" href="http://exp.qq.com/" target="_blank">腾讯体验中心</a></li>
| + | |
| − | <li><a pgv="im.index2015.maps.guanjia" href="http://guanjia.qq.com/" target="_blank">腾讯电脑管家</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="copyright">
| + | |
| − | <p>Copyright © 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p>
| + | |
| − | <p>腾讯公司 版权所有</p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | <!--E footer--> | + | <a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a> |
| − | <div id="overlay" class="overlay"></div>
| + | <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" /> |
| − | <!--S flash object-->
| + | <a href=" https://www. facebook.com/ amoyigem" target="_blank"><img src=" https:// static. igem. org/ mediawiki/ 2015/ 5/ 5b/Amoy-Footer_facebook. png" style=" width: 2%; display: inline-block; margin-left: 2%;" /></a> |
| − | <div id="flashDiv">
| + | <a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a> |
| − | <div class="flashBar"><a id="flashClose" href="#" class="close">关闭</a></div>
| + | |
| − | <div class="flashBox">
| + | |
| − | <div id=" flashBox"> <p><a href=" http://www. adobe.com/ go/getflashplayer"><img src=" http:// www. adobe. com/ images/ shared/ download_buttons/ get_flash_player. gif" alt=" Get Adobe Flash player" /></a></ p></ div> | + | |
| − | </div>
| + | |
| − | <p class="togame"><a href="http://qqgame.qq.com/online.shtml" target="_blank">查看QQ游戏在线人数>></a></p>
| + | |
| | </div> | | </div> |
| | | | |
| − | <!--E flash object-->
| |
| − |
| |
| − | <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://3gimg.qq.com/qq_product_operations/jslib/swfobject.js"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://3gimg.qq.com/qq_product_operations/jslib/stellar.js"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://pingjs.qq.com/tcss.ping.js?v=2015"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://3gimg.qq.com/qq_product_operations/im/js/plus2015.js"></script>
| |
| | | | |
| − | <script type="text/javascript">$(function(){$.qReport(1);$.stellar({horizontalScrolling:false,verticalOffset:40});$("#topNav").navtab();$("#crossbanenr").picfade({timerange:3000});$("body").pgvClick();if(window.pgvMain){window.pgvMain()}swfobject.embedSWF("http://im.qq.com/online/flash/flash20140304.swf","flashBox","910","700","9.0.0","expressInstall.swf");$("#viewOnline").click(function(e){e.preventDefault();$("#flashDiv").show();$("#overlay").css({opacity:"0.9"}).fadeIn();$("#overlay").css({height:$(document).height()})});$("#flashClose").click(function(e){e.preventDefault();$("#flashDiv").hide();$("#overlay").fadeOut()});window.online_resp=function(data){if(data&&data.c){$("#cur_online").text(data.c.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,"))}};$.getJSON("http://mma.qq.com/cgi-bin/im/online&callback=?",function(data){});var cookie={get:function(n){var m=document.cookie.match(new RegExp("(^| )"+n+"=([^;]*)(;|$)"));return !m?"":decodeURIComponent(m[2])},set:function(name,value,domain,path,hour){var expire=new Date();expire.setTime(expire.getTime()+(hour?3600000*hour:30*24*60*60*1000));document.cookie=name+"="+value+"; expires="+expire.toGMTString()+"; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},del:function(name,domain,path){document.cookie=name+"=; expires=Mon, 26 Jul 1997 05:00:00 GMT; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},uin:function(){var u=cookie.get("uin");return !u?null:parseInt(u.substring(1,u.length),10)}};var htmlEncodeDict={'"':"#34","<":"#60",">":"#62","&":"#38"," ":"#160"};var encodeHtml=function(s){s+="";return s.replace(/["<>& ]/g,function(all){return"&"+htmlEncodeDict[all]+";"})};window.loginAll=function(json){if(json&&json.result==0){uin=cookie.uin();$("#login").hide();$("#nick").html("hi,"+encodeHtml(json.nick));var $loginImg=$('<img id="loginImg" src="'+json.Face+'" alt="" />').insertAfter("#login");$("#loginInfo").addClass("logined");$("#loginInfo").hover(function(){if($(this).hasClass("logined")){$("#loginPenel").slideDown(300)}},function(){$("#loginPenel").hide()})}};try{var uin=cookie.uin();var skey=cookie.get("skey");if(!!uin){$.getScript("http://qfwd.qq.com/?uin="+uin+"&skey="+skey+"&func=loginAll&refresh=0&ran="+Math.random(),function(){})}}catch(e){}window.ptlogin2_onClose=function(){$("#login_div").hide();$("#overlay").fadeOut()};window.ptlogin2_onResize=function(width,height){$("#login_div").css({width:width,height:height,visibility:"hidden"}).css("visibility","visible")};function str2JSON(str){eval("var __pt_json="+str);return __pt_json}if(typeof window.postMessage!=="undefined"){window.onmessage=function(event){var msg=event||window.event;var data;if(typeof JSON!=="undefined"){data=JSON.parse(msg.data)}else{data=str2JSON(msg.data)}switch(data.action){case"close":ptlogin2_onClose();break;case"resize":ptlogin2_onResize(data.width,data.height);break;default:break}}}var showLogin=function(){var loginWin=$("#login_div");var _url=window.location.href;if(!loginWin.length){loginWin=$('<div id="login_div" class="login_div"><iframe name="login_frame" frameborder="0" scrolling="auto" width="100%" height="100%" src="http://xui.ptlogin2.qq.com/cgi-bin/xlogin?appid=501038301&proxy_url=http%3A%2F%2Fid.qq.com%2Flogin%2Fproxy.html&s_url='+encodeURIComponent(_url)+'"></iframe></div>');loginWin.appendTo($("body"))}$("#overlay").css({opacity:"0.5"}).fadeIn();$("#overlay").css({height:$(document).height()});loginWin.show()};$("#login").click(function(e){e.preventDefault();showLogin()});$("#lgout").click(function(e){e.preventDefault();cookie.del("uin",".qq.com");cookie.del("skey",".qq.com");cookie.del("uin","im.qq.com");cookie.del("skey","im.qq.com");$("#loginPenel").hide();$("#login").show();$("#loginImg").hide();$("#loginInfo").removeClass("logined")});var mod=$(".qfigure");var $body=$("body");var dataArr=[];$(mod).each(function(i,item){if(i===0){dataArr[i]=$(item).offset().top-Math.floor($(item).height()/2)-500}else{dataArr[i]=$(item).offset().top-Math.floor($(item).height()/2)}});var winHeight=$(window).height();var bodyheight=$body.height();$(".crossbanenr").animate({height:(winHeight-150)>540?(winHeight-150):540},100,function(){});$(window).resize(function(){winHeight=$(window).height();bodyheight=$body.height();$(".crossbanenr").animate({height:(winHeight-150)>540?(winHeight-150):540},100,function(){})});var isIE=!!window.ActiveXObject;var scrollTop=$(window).scrollTop();var clientHeight=$(window).height();var contentHeight=584;var barHeight=600;var firstHeight=778;var topHeight=321;var thirdScroll=clientHeight<(topHeight+firstHeight)?contentHeight:(contentHeight-clientHeight+topHeight+firstHeight);var fourthScroll=thirdScroll+contentHeight+barHeight;var fifthScroll=fourthScroll+contentHeight+barHeight;var sixthScroll=fifthScroll+contentHeight+barHeight;var changeH=(firstHeight+topHeight-clientHeight)/2;var st=new Date().getTime();$(window).scroll(function(e){scrollTop=$(window).scrollTop();if(scrollTop>=firstHeight){$("#topbar").addClass("topicfixed")}else{if($("#topbar").hasClass("topicfixed")){$("#topbar").removeClass("topicfixed")}}if(scrollTop<100){$body.attr("id","pg0")}$(dataArr).each(function(i,item){if(Math.floor(winHeight/2)+scrollTop>=item){$body.attr("id","pg"+(i+1))}});if(scrollTop+winHeight>=bodyheight){$body.attr("id","pg3")}})});</script>
| |
| | </body> | | </body> |
| | </html> | | </html> |
