Difference between revisions of "Team:Tianjin"

Line 6,895: Line 6,895:
 
         </section>
 
         </section>
 
     <section id="home-portfolio-list--wrapper" class="portfolio-list--wrapper">
 
     <section id="home-portfolio-list--wrapper" class="portfolio-list--wrapper">
−
     
+
      
−
     
+
−
        <SCRIPT>
+
−
  var dir=1;
+
−
  var speed=10;
+
−
  var MyMar=null;
+
−
  function Marquee(){
+
−
  var demo = document.getElementById("demo");
+
−
  var demo2 = document.getElementById("demo2");
+
−
  if (dir>0  && (demo2.offsetWidth-demo.scrollLeft)<=0)
+
−
  {
+
−
     demo.scrollLeft=0;
+
−
  }
+
−
  if (dir<0 &&(demo.scrollLeft<=0))
+
−
  {
+
−
    demo.scrollLeft=demo2.offsetWidth;
+
−
  }
+
−
  demo.scrollLeft+=dir;
+
−
  }
+
−
  function onmouseoverMy() {
+
−
  window.clearInterval(MyMar);
+
−
  }
+
−
  function onmouseoutMy() {
+
−
  MyMar=setInterval(Marquee,speed);
+
−
  }
+
−
  function r_left()
+
−
  {
+
−
  if (dir==-1)
+
−
    dir=1;
+
−
  }
+
−
  function r_right()
+
−
  {
+
−
  if (dir==1)
+
−
    dir=-1;
+
−
  }
+
−
+
−
  function IsIE()
+
−
  {
+
−
  var browser=navigator.appName
+
−
  if ((browser=="Netscape"))
+
−
  {
+
−
    return false;
+
−
  }
+
−
  else if(browser=="Microsoft Internet Explorer")
+
−
  {
+
−
    return true;
+
−
  }
+
−
  else
+
−
  {
+
−
    return null;
+
−
  }
+
−
  }
+
−
 
+
−
  var _IsIE = IsIE();
+
−
  var _MousePX = 0;
+
−
  var _MousePY = 0;
+
−
  var _DivLeft = 0;
+
−
  var _DivRight = 0;
+
−
  var _AllDivWidth = 0;
+
−
  var _AllDivHeight = 0;
+
−
  function MoveDiv(e){
+
−
  var obj = document.getElementById("demo");
+
−
    _MousePX = _IsIE ? (document.body.scrollLeft + event.clientX) : e.pageX;
+
−
    _MousePY = _IsIE ? (document.body.scrollTop + event.clientY) : e.pageY;
+
−
 
+
−
  var obj1 = null;
+
−
  if(obj.getBoundingClientRect)
+
−
  {
+
−
 
+
−
    obj1 = document.getElementById("demo").getBoundingClientRect();
+
−
    _DivLeft = obj1.left;
+
−
    _DivRight = obj1.right;
+
−
    _AllDivWidth = _DivRight - _DivLeft;
+
−
  }
+
−
  else if(document.getBoxObjectFor)
+
−
  {
+
−
 
+
−
    obj1 = document.getBoxObjectFor(obj);
+
−
    var borderwidth = (obj.style.borderLeftWidth != null && obj.style.borderLeftWidth != "") ? parseInt(obj.style.borderLeftWidth) : 0;
+
−
    _DivLeft = parseInt(obj1.x) - parseInt(borderwidth);
+
−
    _AllDivWidth = Cut_Px(obj.style.width);
+
−
    _DivRight = _DivLeft + _AllDivWidth;
+
−
  }
+
−
  else
+
−
  {
+
−
 
+
−
    _DivLeft = obj.offsetLeft;
+
−
    _AllDivWidth = Cut_Px(obj.style.width);
+
−
    var parent = obj.offsetParent;
+
−
    if(parent != obj)
+
−
    {
+
−
    while (parent) { 
+
−
      _DivLeft += parent.offsetLeft;
+
−
      parent = parent.offsetParent;
+
−
    }
+
−
    }
+
−
    _DivRight = _DivLeft + _AllDivWidth;
+
−
  }
+
−
+
−
  var pos1,pos2;
+
−
  pos1 = parseInt(_AllDivWidth * 0.4) + _DivLeft;
+
−
  pos2 = parseInt(_AllDivWidth * 0.6) + _DivLeft;
+
−
+
−
  if(_MousePX > _DivLeft && _MousePX < _DivRight)
+
−
  {
+
−
    if(_MousePX > _DivLeft && _MousePX < pos1)
+
−
    {
+
−
    r_left();
+
−
    }
+
−
    else if(_MousePX < _DivRight && _MousePX > pos2)
+
−
    {
+
−
    r_right();
+
−
    }
+
−
+
−
    if(_MousePX > pos1 && _MousePX < pos2)
+
−
    {
+
−
    onmouseoverMy();
+
−
    MyMar=null;
+
−
    }else if(_MousePX < pos1 || _MousePX > pos2)
+
−
    {
+
−
    if(MyMar==null)
+
−
    {
+
−
      MyMar=setInterval(Marquee,speed);
+
−
    }
+
−
    }
+
−
  }
+
−
  }
+
−
+
−
  function Cut_Px(cswidth)
+
−
  {
+
−
  cswidth = cswidth.toLowerCase();
+
−
  if(cswidth.indexOf("px") != -1)
+
−
  {
+
−
    cswidth.replace("px","");
+
−
    cswidth = parseInt(cswidth);
+
−
  }
+
−
  return cswidth;
+
−
  }
+
−
+
−
  function MoveOutDiv()
+
−
  {
+
−
  if(MyMar == null)
+
−
  {
+
−
    MyMar=setInterval(Marquee,speed);
+
−
  }
+
−
  }
+
−
 
+
−
</SCRIPT>
+
−
     
+
−
   
+
 
<DIV id="demo" style="OVERFLOW: hidden; WIDTH: 997px; margin:0px; COLOR: #ffffff; HEIGHT: 281px" onmousemove="MoveDiv(event);" onmouseout="MoveOutDiv();">
 
<DIV id="demo" style="OVERFLOW: hidden; WIDTH: 997px; margin:0px; COLOR: #ffffff; HEIGHT: 281px" onmousemove="MoveDiv(event);" onmouseout="MoveOutDiv();">
 
              
 
              
Line 7,077: Line 6,928:
 
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:jquerymin2?action=raw&ctype=text/javascript"></script>  
 
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:jquerymin2?action=raw&ctype=text/javascript"></script>  
 
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryuimin?action=raw&ctype=text/javascript"></script>  
 
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryuimin?action=raw&ctype=text/javascript"></script>  
−
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:app?action=raw&ctype=text/javascript"></script>  
+
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:app?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:Untitled1?action=raw&ctype=text/javascript"></script>  
 
<script>
 
<script>
 
  (function(i, s, o, g, r, a, m) {
 
  (function(i, s, o, g, r, a, m) {

Revision as of 08:45, 16 August 2017

<!DOCTYPE html>