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; | + | #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
- 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...
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>
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script> </div> </div>
MEMBER<a href="">Home</a> > <a href="">About</a> > <a href="">Member</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>