Team:UCLA/Template/Javascript

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
-
function addEvent(obj,evt,fn,capture){
+
$(document).ready(function() {
-
evt=evt.replace('on','');
+
$("#menu > li > ul").hide();
-
if(obj.attachEvent) obj.attachEvent('on'+ evt,fn);
+
$("#menu > li").mouseenter(function() {
-
else{
+
$(this).children("li > ul").slideDown(500);
-
if(!capture)
+
});
-
capture=false;
+
        $("#menu > li").mouseleave(function() {
-
obj.addEventListener(evt,fn,capture);
+
$(this).children("li > ul").slideUp(500);
-
}
+
});
-
}
+
});
-
function moveDiv(obj,distance,speed){
+
-
if(!distance)
+
-
distance=250;
+
-
if(!speed)
+
-
speed=500;
+
-
if(!obj.style.marginLeft)
+
-
obj.style.marginLeft=0+'px';
+
-
var timer=null,
+
-
startTime=(new Date).getTime(),
+
-
elapsed=null,
+
-
d=null,
+
-
dir='right',
+
-
current_distance=obj.style.marginLeft.replace('px','');
+
-
if(distance<current_distance)
+
-
dir='left';
+
-
timer=setInterval(function(){
+
-
elapsed=(new Date).getTime()- startTime;
+
-
if(elapsed<speed){
+
-
if(dir=='right'){
+
-
d=elapsed/speed*distance;
+
-
obj.style.marginLeft=d+'px';
+
-
}
+
-
else{
+
-
d=elapsed/speed*distance;
+
-
d=current_distance- d;
+
-
obj.style.marginLeft=d+'px';
+
-
}
+
-
}
+
-
else{
+
-
clearInterval(timer);
+
-
obj.style.marginLeft=distance+'px';
+
-
}
+
-
},5);
+
-
}
+
-
var box = document.getElementById('box');
+
-
addEvent(box, 'click', function(){
+
-
moveDiv(box,250,1000);
+
-
})
+
</script>
</script>
</html>
</html>

Revision as of 00:11, 19 July 2014

Retrieved from "http://2014.igem.org/Team:UCLA/Template/Javascript"