Difference between revisions of "Template:TecCEM/JsHome"

 
(16 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function() {
 
$(document).ready(function() {
 +
    opa = 1
 
     $("#audioLanding")[0].play()
 
     $("#audioLanding")[0].play()
 
     $("#audioLanding")[0].loop = true
 
     $("#audioLanding")[0].loop = true
 +
    $("#audioLanding")[0].volume = 0.20
  
 
     $('[data-toggle="popover"]').popover()
 
     $('[data-toggle="popover"]').popover()
 
     let growFn = ""
 
     let growFn = ""
−
     $("#main-container #button").mouseover(function() {
+
     $("#main-container #button").mouseover(function() {
−
       
+
−
      // $("#audioLanding").play()
+
−
       
+
  
 
         growFn = setInterval(function() {
 
         growFn = setInterval(function() {
−
             if($("#audioLanding")[0].volume >= 0.2) {
+
             if($("#audioLanding")[0].volume >= 0.02) {
−
                 $("#audioLanding")[0].volume -=0.05
+
                opa-=0.1
 +
                $("#centerCircle").css("opacity",opa)
 +
                 $("#audioLanding")[0].volume -=0.006
 
             }
 
             }
 
             if ($("#main-container #button").width() <= 2 * $(window).width()) {
 
             if ($("#main-container #button").width() <= 2 * $(window).width()) {
Line 22: Line 23:
 
             }
 
             }
 
             if (
 
             if (
−
                 $("#main-container #button").height() <= $(window).height()
+
                 $("#main-container #button").height() <= 2 * $(window).height()
 
             ) {
 
             ) {
 
                 $("#main-container #button").height(
 
                 $("#main-container #button").height(
Line 30: Line 31:
 
             if (
 
             if (
 
                 $("#main-container #button").height() >
 
                 $("#main-container #button").height() >
−
               $(window).height()
+
               2 * $(window).height()
 
             ) {
 
             ) {
 
                 if (
 
                 if (
Line 37: Line 38:
 
                 ) {
 
                 ) {
 
                     $("#main-container").css("overflow-x", "hidden");
 
                     $("#main-container").css("overflow-x", "hidden");
 +
                    $("#main-container").css("overflow-y", "hidden");
 
                     $("#main-container #button").css("pointer-events", "none")
 
                     $("#main-container #button").css("pointer-events", "none")
 
                     $("#main-container #button").css('border-radius',"0%")
 
                     $("#main-container #button").css('border-radius',"0%")
Line 93: Line 95:
 
     }
 
     }
 
     animatethis($("#main-container #CenterCell"), 5000, 2, -1, -3, 1)
 
     animatethis($("#main-container #CenterCell"), 5000, 2, -1, -3, 1)
−
     animatethis($("#main-container #button"), 5000, 2, -1, -3, 1)
+
     //animatethis($("#main-container #button"), 5000, 2, -1, -3, 1)
 
     animatethis($("#main-container #Small1Cell"), 3000, -2, 2, -1, 2)
 
     animatethis($("#main-container #Small1Cell"), 3000, -2, 2, -1, 2)
 
     animatethis($("#main-container #Small2Cell"), 4000, -1, 3, 2, 1)
 
     animatethis($("#main-container #Small2Cell"), 4000, -1, 3, 2, 1)

Latest revision as of 03:49, 18 October 2018