Team:SJTU-Software2/test

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
{{CSS/Main}}
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
 
-
<head>
+
 
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
<html>
-
<title>修改国外的导航下拉菜单-青蛙实战</title>
+
 
 +
<!--main content -->
 +
 
 +
<p>
<style type="text/css">
<style type="text/css">
-
.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover  .imsubc{visibility:visible;}.imde ul ul ul li:hover  .imsubc{visibility:visible;}.imde li:hover ul  .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul  .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}
+
.firstHeading {
-
/*以上是调浏览器兼容的*/
+
width: 0px;  
-
#imenus0 .imeam span,#imenus0 .imeamj span {
+
        height: 0px;
-
width:9px;
+
margin: -38px auto;
-
height:6px;
+
padding-top: 0px;
-
left:-9px;
+
margin-bottom: 0px;
-
top:5px;
+
font-family: Georgia, Times, "Times New Roman", serif;  
}
}
-
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {
+
 
 +
/*returnTop*/
 +
p#back-to-top{
 +
    position:fixed;
 +
    display:none;
 +
    bottom:50px;
 +
    right:30px;
}
}
-
/* --[[ Sub Expand Icons ]]-- */
+
p#back-to-top a{
-
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(http://www.jsweb8.cn/jsweb8/images/medium_purple_right.gif); width:6px; height:9px; left:-6px; top:6px; background-repeat:no-repeat;background-position:top left;}
+
    text-align:center;
-
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(medium_purple_right.gif); background-repeat:no-repeat;background-position:top left;}
+
    text-decoration:none;
-
/* --[[ Main Container ]]-- */
+
    color:#d1d1d1;
-
#imouter0 {border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px; }
+
    display:block;
-
/* --[[ Sub Container ]]-- */
+
    width:112px;
-
#imenus0 li ul { padding:5px 0px 0px 0px; margin:-5px 0px 0px 0px; }
+
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
-
  /* [Underlayment (Drop Shadow)] */
+
    -moz-transition:color 1s;
-
  #imenus0 .imunder {top:3px; left:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;}
+
    -webkit-transition:color 1s;
-
/* --导航栏目字体以及边框样式-- */
+
    -o-transition:color 1s;
-
#imenus0 li a, #imenus0 .imctitle { color:#fff; background-color:#599DDB;text-align:center; font-family:Arial; font-size:13px; font-weight:bold; text-decoration:none;  padding:2px 8px; margin:0px 2px 0px 0px; }
+
}
-
+
p#back-to-top a:hover{
-
  /* [hover] - These settings must be duplicated for IE compatibility.*/
+
    color:#979797;
-
  #imenus0 li:hover>a {text-decoration:none; }
+
}
-
  #imenus0 li a.ihover, .imde imenus0 a:hover {text-decoration:none; }
+
p#back-to-top a span{
-
  /* [active] */
+
     background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
-
  #imenus0 li a.iactive {}
+
    border-radius:6px;
-
/* -下拉列表样式 */
+
    display:block;
-
#imenus0 ul a, #imenus0 .imsubc li .imctitle  {background-color:#599DDB; color:#fff; text-align:center; font-size:12px; font-weight:bold; text-decoration:none;  padding:2px 5px; height:23px; line-height:23px; border-top:#fff solid 1px; border-left:#fff solid 1px; border-right:#fff solid 1px; border-bottom:none}
+
     height:40px;
-
  /* [hover] - These settings must be duplicated for IE comptatibility.*/
+
    width:112px;
-
  #imenus0 ul li a:hover {background-color:#599DDB; text-decoration:none; }
+
     margin-bottom:5px;
-
  #imenus0 ul li a.ihover {background-color:#3A8BD3; text-decoration:none; }
+
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
-
  /* [active] */
+
    -moz-transition:background 1s;
-
  #imenus0 ul li a.iactive {background-color:#3A8BD3; }</style>
+
    -webkit-transition:background 1s;
-
</head>
+
     -o-transition:background 1s;
-
<body><div class="imrcmain0 imgl" style="width:600px;z-index:999999;position:relative;"><div class="imcm imde" id="imouter0"><ul id="imenus0">
+
}
-
  <li class="imatm"  style="width:85px; cursor:pointer"><a class="" href="#">公司简介</a>
+
#back-to-top a:hover span{
-
      
+
     background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
-
    <div class="imsc"><div class="imsubc" style="width:120px;top:0px;left:0px;"><div class="imunder"></div><div></div><ul style="">
+
}
-
      <li><a href="http://www.jsweb8.cn"> 世宗概况</a></li>
+
</style>
-
  <li><a href="http://www.jsweb8.cn">项目业绩</a></li>
+
</p>
-
  <li><a href="http://www.jsweb8.cn">质量认证</a></li>
+
 
-
  <li><a href="http://www.jsweb8.cn">公司荣誉</a></li>
+
 
-
  <li><a href="http://www.jsweb8.cn">员工风采</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">企业文化</a></li>
+
-
 
+
-
</ul></div></div>
+
-
  </li>
+
-
 
+
-
  <li class="imatm"  style="width:85px;"><a href="#">产品信息</a>
+
-
      
+
-
    <div class="imsc"><div class="imsubc" style="width:120px;top:0px;left:-1px;"><div class="imunder"></div><div></div><ul style="">
+
-
      <li><a href="http://www.jsweb8.cn">产品简介</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">消防联动图例</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">产品目录</a></li>
+
-
 
+
-
</ul></div></div>
+
-
  </li>
+
-
 
+
-
  <li class="imatm"  style="width:85px;"><a href="#">工程案例</a>
+
-
      
+
-
    <div class="imsc"><div class="imsubc" style="width:120px;top:0px;left:0px;"><div class="imunder"></div><div></div><ul style="">
+
-
      <li><a href="http://www.jsweb8.cn">国内案例</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">国外案例</a></li>
+
-
  </ul></div></div>
+
-
  </li>
+
-
 
+
-
  <li class="imatm"  style="width:85px;"><a href="#">销售网络</a>
+
-
      
+
-
    <div class="imsc"><div class="imsubc" style="width:120px;top:0px;left:-1px;"><div class="imunder"></div><div></div><ul style="">
+
-
      <li><a href="http://www.jsweb8.cn">销售网一览</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">加盟商</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">子公司</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">办事处</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">代理商</a></li>
+
-
  </ul></div></div>
+
-
  </li>
+
-
  <li class="imatm"  style="width:85px;"><a href="#">客户服务</a>
+
-
   
+
-
    <div class="imsc"><div class="imsubc" style="width:120px;top:0px;left:-1px;"><div class="imunder"></div><div></div><ul style="">
+
-
      <li><a href="http://www.jsweb8.cn">售后承诺</a></li>
+
-
  <li><a href="http://www.jsweb8.cn">联系技术人员</a></li>
+
-
 
+
-
<li><a href="http://www.jsweb8.cn"><span class="imea imeas"><span></span></span>技术下载</a>
+
-
 
+
-
  <div class="imsc"><div class="imsubc" style="width:120px;top:-23px;left:100px;"><div class="imunder"></div><div></div><ul style="">
+
-
     <li><a href="http://www.jsweb8.cn" target="_self">设计指南</a></li>
+
-
    <li><a href="http://www.jsweb8.cn">产品说明</a></li>
+
-
    <li><a href="http://www.jsweb8.cn">CCCF证书及检测</a></li>
+
-
    <li><a href="http://www.jsweb8.cn">产品常识</a></li>
+
-
    </ul></div></div></li>
+
-
  </ul></div></div>
+
-
  </li>
+
-
  <li class="imatm"  style="width:85px;"><a href="http://www.jsweb8.cn">加盟招聘</a>
+
      
      
-
    <div class="imsc"><div class="imsubc" style="width:120px;top:0px;left:-1px;"><div class="imunder"></div><div></div><ul style="">
+
 
-
      <li><a href="http://www.jsweb8.cn">诚征加盟</a></li>
+
<!--<body style="background-image:url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png);background-position:center; background-repeat:repeat-y repeat-x">-->
-
  <li><a href="http://www.jsweb8.cn">招聘信息</a></li>
+
 
-
  </ul></div></div>
+
 
-
   </li>
+
 
-
  <li class="imatm"  style="width:85px;"><a href="http://www.jsweb8.cn">联系我们</a></li>
+
 
-
 
+
 
-
</ul><div class="imclear"> </div></div></div>
+
 
-
<script language="JavaScript"  src="http://www.jsweb8.cn/jsweb8/ocscript.js"type="text/javascript"></script>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
<link href="https://2014.igem.org/Team:SJTU-Software/style.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
 +
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/easing.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/cameramin.js%20?action=raw&ctype=text/js"></script>
 +
  <script>
 +
jQuery(function(){
 +
 +
jQuery('#camera_wrap_1').camera({
 +
thumbnails: true
 +
});
 +
});
 +
</script>
 +
  </head>
 +
<body>
 +
<div align="center">
 +
  <div class="header" style="width:75%" >
 +
  <div class="header_top"  >
 +
        <div class="wrap" >
 +
<div class="logo">
 +
<a href="https://2014.igem.org/Team:SJTU-Software"><h1><span class="black">EasyBBK</span> <span class="black"></span></h1></a>
 +
</div>
 +
<div class="menu">
 +
    <ul>
 +
<li class="active"><a href="https://2014.igem.org/Team:SJTU-Software">Home</a></li>
 +
<li><a href="about.html">Project</a></li>
 +
<li  ><a href="https://2014.igem.org/Team:SJTU-Software/Team">Team</a></li>
 +
<li><a href="services.html">Document</a></li>
 +
<li><a href="contact.html">Requirement</a></li>
 +
                                                     
 +
<div class="clear"></div>
 +
</ul>
 +
</div>
 +
    <div class="clear"></div>
 +
        </div>
 +
    </div>
 +
</div>
 +
                                           
 +
    <div class="slider" style="width:75%;">        
 +
<div class="fluid_container">
 +
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" >
 +
            <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg">   </div>
 +
            <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg">  </div>
 +
          <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg">  </div>
 +
            <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg">  </div>
 +
        </div>
 +
      </div>
 +
        <div class="clear"></div>      
 +
    </div>
 +
  </div>
 +
 +
      <div class="main" align="center"  >
 +
<div class="wrap" >
 +
<div class="services" >
 +
<div class="section group"style="width:85%;" >
 +
                             
 +
<div class="listview_1_of_2 images_1_of_2" >
 +
<div class="listimg listimg_2_of_1" >
 +
  <img src="https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png" alt="" />
 +
</div>
 +
    <div class="text list_2_of_1" >
 +
<h3>Search</h3>
 +
<p><div style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt  ut labore et dolore.Lorem ipsum dolor sit amet.</div></p>
 +
  </div>
 +
  </div>
 +
<div class="listview_1_of_2 images_1_of_2" >
 +
<div class="listimg listimg_2_of_1">
 +
  <img src="https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png" alt="" />
 +
</div>
 +
<div class="text list_2_of_1">
 +
  <h3>Present</h3>
 +
  <p><div style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt  ut labore et dolore.Lorem ipsum dolor sit amet.</div></p>
 +
</div>
 +
</div>
 +
</div>
 +
                       
 +
<div class="section group" style="width:85%;">
 +
<div class="listview_1_of_2 images_1_of_2"  >
 +
<div class="listimg listimg_2_of_1">
 +
  <img src="https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png" alt="">
 +
</div>
 +
    <div class="text list_2_of_1">
 +
<h3>Upload</h3>
 +
                                               
 +
<p><div style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.</div></p>                                           
 +
  </div>
 +
  </div>
 +
<div class="listview_1_of_2 images_1_of_2" >
 +
<div class="listimg listimg_2_of_1">
 +
  <img src="https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png" alt="">
 +
</div>
 +
<div class="text list_2_of_1" >
 +
  <h3>Compare</h3>
 +
  <p><div style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt  ut labore et dolore.Lorem ipsum dolor sit amet.</div></p>
 +
                                       
 +
</div>
 +
</div>
 +
</div>
 +
 +
    </div>
 +
</div>
 +
     
 +
 +
    <div class="copy-right"style="width:75%;" align:center>
 +
<div class="wrap">
 +
  <p class="copy">SJTU-Software</p><br>
 +
                          <p class="copy">Shanghai Jiao Tong University</p><br>
 +
                          <p class="copy"> 800, Dongchuan Road</p><br>
 +
                          <p class="copy"> 200240 Shanghai, China</p><br>
 +
      <div class="clear"></div>
 +
</div>
 +
</div>
 +
    <p id="back-to-top"><a href="#top"><span><img src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_teamlogo.png" alt="" /></span>back to top</a></p>
 +
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 +
<script>
 +
$(function(){
 +
        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
 +
        $(function () {
 +
            $(window).scroll(function(){
 +
                if ($(window).scrollTop()>10){
 +
                    $("#back-to-top").fadeIn(1500);
 +
                }
 +
                else
 +
                {
 +
                    $("#back-to-top").fadeOut(1500);
 +
                }
 +
            });
 +
 
 +
            //当点击跳转链接后，回到页面顶部位置
 +
 
 +
            $("#back-to-top").click(function(){
 +
                $('body,html').animate({scrollTop:0},1000);
 +
                return false;
 +
            });
 +
        });
 +
    });
 +
</script>
 +
 
</body>
</body>
</html>
</html>
-
<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>
 

Revision as of 17:46, 11 October 2014


Search

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

Present

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

Upload

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

Compare

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

SJTU-Software


Shanghai Jiao Tong University


800, Dongchuan Road


200240 Shanghai, China


back to top

Retrieved from "http://2014.igem.org/Team:SJTU-Software2/test"