Team:Nanjing China Bio/MEMBER

From 2012.igem.org

(Difference between revisions)
Line 349: Line 349:
#nd-header{ width:1000px; height:37px; background:url(https://static.igem.org/mediawiki/2012/b/be/Headerbg.jpg) repeat-x left top;overflow:hidden}
#nd-header{ width:1000px; height:37px; background:url(https://static.igem.org/mediawiki/2012/b/be/Headerbg.jpg) repeat-x left top;overflow:hidden}
#globalWrapper{overflow: hidden;background:url(/wiki/images/e/e9/57_1958.jpg); width:100%}
#globalWrapper{overflow: hidden;background:url(/wiki/images/e/e9/57_1958.jpg); width:100%}
-
#content {border: none;font-family: georgia, helvetica, arial, sans-serif;width:1000px; overflow:hidden; margin:0 auto}
+
#content {border: none;font-family: georgia, helvetica, arial, sans-serif;width:1000px; background:none; overflow:hidden; margin:0 auto}
#siteSub {display:none;}
#siteSub {display:none;}
#contentSub {display:none;}
#contentSub {display:none;}
Line 464: Line 464:
             getposOffset:function(what, offsettype){
             getposOffset:function(what, offsettype){
             var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
             var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
 +
            var parentEl=what.offsetParent;
 +
            while (parentEl!=null){
 +
            totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
 +
            parentEl=parentEl.offsetParent;
 +
            }
 +
            return totaloffset;
 +
            },
 +
           
 +
            swipeeffect:function(){
 +
            if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
 +
            this.bottomclip+=10+(this.bottomclip/10)
 +
            this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
 +
            }
 +
            else
 +
            return
 +
            this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
 +
            },
 +
           
 +
            showhide:function(obj, e){
 +
            if (this.ie || this.firefox)
 +
            this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
 +
            if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
 +
            if (this.enableswipe==1){
 +
            if (typeof this.swipetimer!="undefined")
 +
            clearTimeout(this.swipetimer)
 +
            obj.clip="rect(0 auto 0 0)"
 +
            this.bottomclip=0
 +
            this.swipeeffect()
 +
            }
 +
            obj.visibility="visible"
 +
            }
 +
            else if (e.type=="click")
 +
            obj.visibility="hidden"
 +
            },
 +
           
 +
            iecompattest:function(){
 +
            return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 +
            },
 +
           
 +
            clearbrowseredge:function(obj, whichedge){
 +
            var edgeoffset=0
 +
            if (whichedge=="rightedge"){
 +
            var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
 +
            this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
 +
            if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) 
 +
            edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
 +
            }
 +
            else{
 +
            var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
 +
            var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
 +
            this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
 +
            if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){
 +
            edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
 +
            if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure)
 +
            edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
 +
            }
 +
            }
 +
            return edgeoffset
 +
            },
 +
           
 +
            dropit:function(obj, e, dropmenuID){
 +
            if (this.dropmenuobj!=null)
 +
                this.dropmenuobj.style.visibility="hidden"
 +
            this.clearhidemenu()
 +
            if (this.ie||this.firefox){
 +
            obj.onmouseout=function(){cssdropdown.delayhidemenu()}
 +
            obj.onclick=function(){return !cssdropdown.disablemenuclick}
 +
            this.dropmenuobj=document.getElementById(dropmenuID)
 +
            if(!this.dropmenuobj) return;
 +
            this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
 +
            this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)}
 +
            this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
 +
            this.showhide(this.dropmenuobj.style, e)
 +
            this.dropmenuobj.x=this.getposOffset(obj, "left")
 +
            this.dropmenuobj.y=this.getposOffset(obj, "top")
 +
            this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
 +
            this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
 +
            this.positionshim()
 +
            }
 +
            },
 +
           
 +
            positionshim:function(){
 +
            if (this.enableiframeshim && typeof this.shimobject!="undefined"){
 +
            if (this.dropmenuobj.style.visibility=="visible"){
 +
            this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
 +
            this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
 +
            this.shimobject.style.left=this.dropmenuobj.style.left
 +
            this.shimobject.style.top=this.dropmenuobj.style.top
 +
            }
 +
            this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
 +
            }
 +
            },
 +
           
 +
            hideshim:function(){
 +
            if (this.enableiframeshim && typeof this.shimobject!="undefined")
 +
            this.shimobject.style.display='none'
 +
            },
 +
           
 +
            contains_firefox:function(a, b) {
 +
            while (b.parentNode)
 +
            if ((b = b.parentNode) == a)
 +
            return true;
 +
            return false;
 +
            },
 +
           
 +
            dynamichide:function(e){
 +
            var evtobj=window.event? window.event : e
 +
            if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
 +
            this.delayhidemenu()
 +
            else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
 +
            this.delayhidemenu()
 +
            },
 +
           
 +
            delayhidemenu:function(){
 +
            this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'; cssdropdown.hideshim()",this.disappeardelay)
 +
            },
 +
           
 +
            clearhidemenu:function(){
 +
            if (this.delayhide!="undefined")
 +
            clearTimeout(this.delayhide)
 +
            },
 +
           
 +
            startchrome:function(){
 +
            for (var ids=0; ids<arguments.length; ids++){
 +
            var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
 +
            for (var i=0; i<menuitems.length; i++){
 +
            if (menuitems[i].getAttribute("rel")){
 +
            var relvalue=menuitems[i].getAttribute("rel")
 +
            menuitems[i].onmouseover=function(e){
 +
            var event=typeof e!="undefined"? e : window.event
 +
            cssdropdown.dropit(this,event,this.getAttribute("rel"))
 +
            }
 +
            }
 +
            }
 +
            }
 +
            if (window.createPopup && !window.XmlHttpRequest){
 +
            document.write('<IFRAME id="iframeshim"  src="" style="display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
 +
            this.shimobject=document.getElementById("iframeshim")
 +
            }
 +
            }
 +
           
 +
            }
 +
            </script>
 +
            <ul id="dropmenu1" class="dropMenu">
 +
                <li><a href="/Team:Nanjing_China_Bio/team">TEAM</a></li>
 +
                <li><a href="/Team:Nanjing_China_Bio/member">MEMBER</a></li>
 +
                <li><a href="/Team:Nanjing_China_Bio/university">UNIVERSITY</a></li>
 +
                <li><a href="/Team:Nanjing_China_Bio/sponsors">SPONSORS</a></li>
 +
            </ul>
 +
            <ul id="dropmenu2" class="dropMenu">
 +
                <li><a href="/Team:Nanjing_China_Bio/background">BACKGROUND</a></li>
 +
                <li><a href="/Team:Nanjing_China_Bio/methods">METHODS</a></li>
 +
            </ul>
 +
            <ul id="dropmenu3" class="dropMenu">
 +
                <li><a href="/Team:Nanjing_China_Bio/parts">Parts Submitted</a></li>
 +
                <li><a href="/Team:Nanjing_China_Bio/future">Future Direction</a></li>
 +
            </ul>
 +
            <script type="text/javascript">cssdropdown.startchrome("navMenu")</script>
 +
            <!--//nav-->
 +
          </div>
 +
    </div>   
 +
    <!--head end-->
 +
 +
    <!--content begin-->
 +
    <div class="con">
 +
      <div class="place"><span class="p">MEMBER</span><span class="p2"><a href="">Home</a> > <a href="">About</a> > <a href="">Member</a></span></div>
 +
      <div class="bar">
 +
        <a href="/Team:Nanjing_China_Bio/team" class="link"></a>
 +
        <a href="/Team:Nanjing_China_Bio/membe" class="link2"></a>
 +
        <a href="/Team:Nanjing_China_Bio/university" class="link3"></a>
 +
        <a href="/Team:Nanjing_China_Bio/sponsors" class="link4"></a>
 +
      </div>
 +
      <div class="nd-content">
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
          <ul>
 +
            <li class="name">An Hu </li>
 +
            <li class="photo"><img src="/wiki/images/e/ed/M01.jpg" /></li>
 +
            <li class="info">Here is a Chinese boy named An Hu...</li>
 +
          </ul>
 +
      </div>
 +
         
 +
    </div>
 +
    <!--content end-->
 +
 +
 +
    <!--footer begin-->
 +
          <div class="h49"></div>
 +
          <div class="w59"></div>
 +
          <div class="w26">
 +
                <div class="h18"></div>
 +
                <div class="h58"></div>
 +
          </div>
 +
    <!--footer end-->
 +
 +
</body>
 +
</html>
 +
set=(offsettype=="left")? what.offsetLeft : what.offsetTop;
             var parentEl=what.offsetParent;
             var parentEl=what.offsetParent;
             while (parentEl!=null){
             while (parentEl!=null){

Revision as of 03:16, 25 September 2012

南京IGEM
MEMBERHome > About > Member
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
  • An Hu
  • Here is a Chinese boy named An Hu...
set=(offsettype=="left")? what.offsetLeft : what.offsetTop;

           var parentEl=what.offsetParent;
           while (parentEl!=null){
           totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
           parentEl=parentEl.offsetParent;
           }
           return totaloffset;
           },
           
           swipeeffect:function(){
           if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
           this.bottomclip+=10+(this.bottomclip/10) 
           this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
           }
           else
           return
           this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
           },
           
           showhide:function(obj, e){
           if (this.ie || this.firefox)
           this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
           if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
           if (this.enableswipe==1){
           if (typeof this.swipetimer!="undefined")
           clearTimeout(this.swipetimer)
           obj.clip="rect(0 auto 0 0)" 
           this.bottomclip=0
           this.swipeeffect()
           }
           obj.visibility="visible"
           }
           else if (e.type=="click")
           obj.visibility="hidden"
           },
           
           iecompattest:function(){
           return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
           },
           
           clearbrowseredge:function(obj, whichedge){
           var edgeoffset=0
           if (whichedge=="rightedge"){
           var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
           this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
           if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  
           edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
           }
           else{
           var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
           var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
           this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
           if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ 
           edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
           if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) 
           edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
           }
           }
           return edgeoffset
           },
           
           dropit:function(obj, e, dropmenuID){
           if (this.dropmenuobj!=null) 
               this.dropmenuobj.style.visibility="hidden" 
           this.clearhidemenu()
           if (this.ie||this.firefox){
           obj.onmouseout=function(){cssdropdown.delayhidemenu()}
           obj.onclick=function(){return !cssdropdown.disablemenuclick} 
           this.dropmenuobj=document.getElementById(dropmenuID)
           if(!this.dropmenuobj) return;
           this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
           this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)}
           this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
           this.showhide(this.dropmenuobj.style, e)
           this.dropmenuobj.x=this.getposOffset(obj, "left")
           this.dropmenuobj.y=this.getposOffset(obj, "top")
           this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
           this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
           this.positionshim() 
           }
           },
           
           positionshim:function(){ 
           if (this.enableiframeshim && typeof this.shimobject!="undefined"){
           if (this.dropmenuobj.style.visibility=="visible"){
           this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
           this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
           this.shimobject.style.left=this.dropmenuobj.style.left
           this.shimobject.style.top=this.dropmenuobj.style.top
           }
           this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
           }
           },
           
           hideshim:function(){
           if (this.enableiframeshim && typeof this.shimobject!="undefined")
           this.shimobject.style.display='none'
           },
           
           contains_firefox:function(a, b) {
           while (b.parentNode)
           if ((b = b.parentNode) == a)
           return true;
           return false;
           },
           
           dynamichide:function(e){
           var evtobj=window.event? window.event : e
           if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
           this.delayhidemenu()
           else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
           this.delayhidemenu()
           },
           
           delayhidemenu:function(){
           this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'; cssdropdown.hideshim()",this.disappeardelay) 
           },
           
           clearhidemenu:function(){
           if (this.delayhide!="undefined")
           clearTimeout(this.delayhide)
           },
           
           startchrome:function(){
           for (var ids=0; ids<arguments.length; ids++){
           var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
           for (var i=0; i<menuitems.length; i++){
           if (menuitems[i].getAttribute("rel")){
           var relvalue=menuitems[i].getAttribute("rel")
           menuitems[i].onmouseover=function(e){
           var event=typeof e!="undefined"? e : window.event
           cssdropdown.dropit(this,event,this.getAttribute("rel"))
           }
           }
           }
           }
           if (window.createPopup && !window.XmlHttpRequest){ 
           document.write('<IFRAME id="iframeshim"  src="" style="display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
           this.shimobject=document.getElementById("iframeshim") 
           }
           }
           
           }
           </script>
  • <a href="/Team:Nanjing_China_Bio/team">TEAM</a>
  • <a href="/Team:Nanjing_China_Bio/member">MEMBER</a>
  • <a href="/Team:Nanjing_China_Bio/university">UNIVERSITY</a>
  • <a href="/Team:Nanjing_China_Bio/sponsors">SPONSORS</a>
  • <a href="/Team:Nanjing_China_Bio/background">BACKGROUND</a>
  • <a href="/Team:Nanjing_China_Bio/methods">METHODS</a>
  • <a href="/Team:Nanjing_China_Bio/parts">Parts Submitted</a>
  • <a href="/Team:Nanjing_China_Bio/future">Future Direction</a>
           <script type="text/javascript">cssdropdown.startchrome("navMenu")</script> 
         </div>
    </div>     
MEMBER<a href="">Home</a> > <a href="">About</a> > <a href="">Member</a>
       <a href="/Team:Nanjing_China_Bio/team" class="link"></a>
       <a href="/Team:Nanjing_China_Bio/membe" class="link2"></a>
       <a href="/Team:Nanjing_China_Bio/university" class="link3"></a>
       <a href="/Team:Nanjing_China_Bio/sponsors" class="link4"></a>
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...
  • An Hu
  • <img src="/wiki/images/e/ed/M01.jpg" />
  • Here is a Chinese boy named An Hu...


</body> </html>