Team:OUC-China/contactus

From 2012.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/oucigem2012-nav.css"><!--nav logo demo css-->
<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/oucigem2012-nav.css"><!--nav logo demo css-->
 +
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
<script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script>
<!--person CSS -->
<!--person CSS -->
<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/ouc-igem-person.css">
<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/ouc-igem-person.css">
Line 27: Line 30:
</div>
</div>
<ul class="menu">
<ul class="menu">
-
<li> <a href="#">Home</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China">Index</a> </li>
-
<li> <a href="#">Project</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China/Project/Overview">Project</a> </li>
-
<li> <a href="#">Modeling</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China/Modeling/Overview">Modeling</a> </li>
-
<li> <a href="#">Human Practice</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Overview">Human Practice</a> </li>
-
<li> <a href="#">Team</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China/Team/members">Team</a> </li>
-
<li> <a href="#">Parts</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China/Parts">Parts</a> </li>
-
<li> <a href="#">Safety</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China/Safety">Safety</a> </li>
-
<li> <a href="#">Note</a> </li>
+
<li> <a href="https://2012.igem.org/Team:OUC-China/labnote">Note</a> </li>
</ul>
</ul>
</div>
</div>
Line 40: Line 43:
<ul class="submenu">
<ul class="submenu">
<li>
<li>
-
<a href="">
+
<a href="https://2012.igem.org/Team:OUC-China">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/a/af/Projectoverview.jpg" />
-
+
Home
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="">
+
<a href="https://2012.igem.org/Team:OUC-China#hmo">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/4/49/Humanpracticeoverview.jpg" />
-
+
HumanPractice index
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Judgingform">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/6/6e/Juding-form.jpg" />
 +
JudgingForm
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/contactus">
 +
<img src="https://static.igem.org/mediawiki/2012/1/1e/Contact-us.jpg" />
 +
Contact Us
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Project/Overview">
 +
<img src="https://static.igem.org/mediawiki/2012/5/59/Ouc-nav-project-overview.jpg" />
 +
Project Overview
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Project/Sensor/AbstractandBackground">
 +
<img src="https://static.igem.org/mediawiki/2012/1/15/Ouc-nav-project-secsor.jpg" />
 +
Sensor
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Project/DesignMaking/Abstract">
 +
<img src="https://static.igem.org/mediawiki/2012/3/34/Ouc-nav-device.jpg" />
 +
Decision-making Device
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Project/GVP/GasandBackground">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/5/57/Ouc-nav-project-gvp.jpg" />
-
+
Gas vesicle
</a>
</a>
</li>
</li>
Line 66: Line 96:
<ul class="submenu">
<ul class="submenu">
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Modeling/ODEModel">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/f/f6/Ouc-nav-modeling-ode.jpg" />
-
+
ODEModel
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Modeling/ParameterSensitivityAnalysis">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/c/cf/Ouc-nav-modeling-sensertitive.jpg" />
-
+
Parameter Sensitivity Analysis
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Modeling/ParameterSweep">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/0/07/Ouc-nav-modeling-sweep.jpg" />
-
+
Parameter Sweep
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Modeling/NoiseAnalysis">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/0/04/Ouc-nav-modeling-noise.jpg" />
-
+
Noise Analysis
</a>
</a>
</li>
</li>
Line 92: Line 122:
<ul class="submenu">
<ul class="submenu">
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Overview">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/6/61/Ouc-nav-humanoverview.jpg" />
-
+
HumanPractice Overview
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Communication">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/c/cc/Ouc-nav-Communication.jpg" />
-
+
Meeting and Academic Communication
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Camps">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/8/8d/Ouc-nav-humcamp.jpg" />
-
+
Camps, Class and Lectures
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/SpecialHM">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/b/b7/Ouc-nav-hmspcial.jpg" />
-
+
Special HP
</a>
</a>
</li>
</li>
Line 118: Line 148:
<ul class="submenu">
<ul class="submenu">
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Team/members">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/6/6d/Ouc-nav-team.jpg" />
-
+
Team Members
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Team/instructor">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/3/35/Ouc-nav-instructor.jpg" />
-
+
Instructors
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Team/AcknowledgementandCooperation">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/a/a6/Ouc-nav-co.jpg" />
-
+
Acknowledgement&Cooperation
</a>
</a>
</li>
</li>
<li>
<li>
-
<a href="/">
+
<a href="https://2012.igem.org/Team:OUC-China/Team/Lab">
-
<img src="" />
+
<img src="https://static.igem.org/mediawiki/2012/a/a7/Ouc-nav-lab.jpg" />
-
+
Lab
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Parts">
 +
<img src="https://static.igem.org/mediawiki/2012/f/f9/Ouc-nav-parts.jpg" />
 +
Parts
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Safety">
 +
<img src="https://static.igem.org/mediawiki/2012/5/5d/Ouc-nav-safety.jpg" />
 +
Safety
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/labnote">
 +
<img src="https://static.igem.org/mediawiki/2012/8/8b/Ouc-nav-labnote.jpg" />
 +
Labnote
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://skydrive.live.com/redir?resid=6A13E80E2A176A23!249&authkey=!AGsNOi9excznIt8">
 +
<img src="https://static.igem.org/mediawiki/2012/4/4e/Ouc-nav-modelingnote.jpg" />
 +
Modeling Note
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/protocol">
 +
<img src="https://static.igem.org/mediawiki/2012/7/7d/Ouc-pro.png" />
 +
Protocols
</a>
</a>
</li>
</li>
Line 149: Line 215:
<div id="contact">
<div id="contact">
             <h3>SNS</h3>
             <h3>SNS</h3>
-
             <a href="http://www.renren.com/296396903/profile?ref=opensearch_normal"><p><i>Renren: OAST<i></p></a>
+
              
-
             <h3>Mail</h3>
+
            <a href="http://blog.sina.com.cn/oast"><p1><i>SinaBlog:OAST</i></a></p1>
-
<a href="mailto:oucigem@163.com"><p><i>oucigem@163.com<i></p></a>
+
<a href="http://www.renren.com/296396903/profile?ref=opensearch_normal"><p><i>Renren: OAST</i></p></a>
-
<h3>Ocean University of China</h3>
+
             <h3>E-Mail</h3>
 +
<p><a href="mailto:oucigem@163.com">oucigem@163.com</a></p>
 +
<h3>Ocean University</h3>
<p>Postal Code: 266003<br>Address: 5 YuShan Road,Qingdao,Shandong.</p>
<p>Postal Code: 266003<br>Address: 5 YuShan Road,Qingdao,Shandong.</p>
</div>
</div>
Line 160: Line 228:
     .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
     .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
     #contact h3{
     #contact h3{
-
font-size:200%;
+
font-size:150%;
}
}
#contact p{
#contact p{
Line 168: Line 236:
color:#000;
color:#000;
}
}
-
#contact a{
+
#contact a{
-
text-decoration:none;
+
text-decoration:underline;
-
}
+
color:#000;
 +
}
#ouc-footer{
#ouc-footer{
margin-top:120px;
margin-top:120px;
}
}
 +
#footer{
 +
margin-bottom:0;
 +
border:none;
 +
}
 +
#footer-box{
 +
height: 50px;
 +
 +
width:1349px;
 +
margin-top:10px;
 +
margin-bottom:-10px;
 +
background-color:#1487DF;
 +
border:none;
 +
padding-left:0;
 +
padding-right:0;
 +
}
 +
#top-section{
 +
width:99%;
 +
}
 +
#main p1
 +
{
 +
margin-bottom:0;
 +
}
 +
#map{
 +
height:400px;
 +
width:600px;
 +
margin-top:-470px;
 +
left:390px;
 +
}
 +
</style>
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
-
 
+
<div id="map"></div>
-
  <!--百度地图容器-->
+
-
  <div style="width:600px;height:400px;border:#ccc solid 1px; left:390px;margin-top:-450px;;" id="dituContent"></div>
+
Line 191: Line 289:
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
</script>
-
<script type="text/javascript">
+
-
try {
+
-
var pageTracker = _gat._getTracker("UA-2260508-2");
+
-
pageTracker._trackPageview();
+
-
} catch(err) {}</script>
+
<script type="text/javascript">
<script type="text/javascript">
     //创建和初始化地图函数：
     //创建和初始化地图函数：
     function initMap(){
     function initMap(){
         createMap();//创建地图
         createMap();//创建地图
-
        setMapEvent();//设置地图事件
+
     
-
        addMapControl();//向地图添加控件
+
-
        addMarker();//向地图中添加marker
+
     }
     }
      
      
     //创建地图函数：
     //创建地图函数：
     function createMap(){
     function createMap(){
-
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
+
      var map = L.map('map').setView([36.064,120.335], 13);
-
        var point = new BMap.Point(120.341773,36.06627);//定义一个中心点坐标
+
  L.tileLayer('http://{s}.tile.cloudmade.com/8de93dc447924179857a0d0ad7121605/997/256/{z}/{x}/{y}.png', {
-
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
+
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery ? <a href="http://cloudmade.com">CloudMade</a>',
-
        window.map = map;//将map变量存储在全局
+
    maxZoom: 18
 +
}).addTo(map);
 +
var marker = L.marker([36.064,120.335]).addTo(map);
     }
     }
 +
    initMap();//创建和初始化地图
      
      
-
    //地图事件设置函数：
+
var popup = L.popup();
-
    function setMapEvent(){
+
 
-
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
+
function onMapClick(e) {
-
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
+
     popup
-
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
+
         .setLatLng(e.latlng)
-
        map.enableKeyboard();//启用键盘上下左右键移动地图
+
         .setContent("You clicked the map at " + e.latlng.toString())
-
     }
+
         .openOn(map);
-
   
+
-
    //地图控件添加函数：
+
-
    function addMapControl(){
+
-
         //向地图中添加缩放控件
+
-
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
+
-
map.addControl(ctrl_nav);
+
-
         //向地图中添加缩略图控件
+
-
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
+
-
map.addControl(ctrl_ove);
+
-
         //向地图中添加比例尺控件
+
-
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
+
-
map.addControl(ctrl_sca);
+
-
    ctrl_sca.setUnit(BMAP_UNIT_IMPERIAL)
+
}
}
-
   
+
 
-
    //标注点数组
+
map.on('click', onMapClick);
-
    var markerArr = [{title:"OUC-China",content:"我的备注",point:"120.340543|36.066693",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}}
+
-
];
+
-
    //创建marker
+
-
    function addMarker(){
+
-
        for(var i=0;i<markerArr.length;i++){
+
-
            var json = markerArr[i];
+
-
            var p0 = json.point.split("|")[0];
+
-
            var p1 = json.point.split("|")[1];
+
-
            var point = new BMap.Point(p0,p1);
+
-
var iconImg = createIcon(json.icon);
+
-
            var marker = new BMap.Marker(point,{icon:iconImg});
+
-
var iw = createInfoWindow(i);
+
-
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
+
-
marker.setLabel(label);
+
-
            map.addOverlay(marker);
+
-
            label.setStyle({
+
-
                        borderColor:"#808080",
+
-
                        color:"#333",
+
-
                        cursor:"pointer"
+
-
            });
+
-
+
-
(function(){
+
-
var index = i;
+
-
var _iw = createInfoWindow(i);
+
-
var _marker = marker;
+
-
_marker.addEventListener("click",function(){
+
-
    this.openInfoWindow(_iw);
+
-
    });
+
-
    _iw.addEventListener("open",function(){
+
-
    _marker.getLabel().hide();
+
-
    })
+
-
    _iw.addEventListener("close",function(){
+
-
    _marker.getLabel().show();
+
-
    })
+
-
label.addEventListener("click",function(){
+
-
    _marker.openInfoWindow(_iw);
+
-
    })
+
-
if(!!json.isOpen){
+
-
label.hide();
+
-
_marker.openInfoWindow(_iw);
+
-
}
+
-
})()
+
-
        }
+
-
    }
+
-
    //创建InfoWindow
+
-
    function createInfoWindow(i){
+
-
        var json = markerArr[i];
+
-
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
+
-
        return iw;
+
-
    }
+
-
    //创建一个Icon
+
-
    function createIcon(json){
+
-
        var icon = new BMap.Icon("http://map.baidu.com/image/us_cursor.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
+
-
        return icon;
+
-
    }
+
-
   
+
-
    initMap();//创建和初始化地图
+
</script>
</script>
<div id="ouc-footer">
<div id="ouc-footer">

Latest revision as of 11:26, 25 October 2012

Contact US

We are looking forward to your letter!

SNS

SinaBlog:OAST

Renren: OAST

E-Mail

oucigem@163.com

Ocean University

Postal Code: 266003
Address: 5 YuShan Road,Qingdao,Shandong.

Retrieved from "http://2012.igem.org/Team:OUC-China/contactus"