Team:UCLA/anuved verma ucla2014 workspace/Javascript

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
   $("#side_menu").mouseenter(function(){
   $("#side_menu").mouseenter(function(){
     $("#side_menu").animate({
     $("#side_menu").animate({
-
       left:'0px'
+
       left:'0px',
     });
     });
   }).mouseleave(function(){
   }).mouseleave(function(){
Line 84: Line 84:
</script>
</script>
-
<!--SLIDER-->
+
<!--CAROUSEL-->
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
+
<script type="text/javascript">
<script type="text/javascript">
-
function Slider(){
+
  $(document).ready(function() {
-
$(".slider #1").show("fade",500);
+
    $('.carousel').carousel({
-
$(".slider #1").delay(3000).hide("slide",{direction:'left'},500);
+
      interval: 8000
-
+
    })
-
var sc = $(".slider img").size();
+
  });
-
var count = 2;
+
-
+
-
setInterval(function(){
+
-
$(".slider #"+count).show("slide",{direction:'right'},500);
+
-
$(".slider #"+count).delay(3000).hide("slide",{direction:'left'},500);
+
-
if(count == sc){
+
-
count = 1;
+
-
}else{
+
-
count += 1;
+
-
}
+
-
},4000);
+
-
}
+
</script>
</script>

Revision as of 23:03, 5 September 2014

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