Difference between revisions of "Template:TecCEM/JsHome"

 
(41 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].loop = true
 +
    $("#audioLanding")[0].volume = 0.20
 +
 +
    $('[data-toggle="popover"]').popover()
 
     let growFn = ""
 
     let growFn = ""
−
     $("#main-container #button").mouseover(function() {
+
     $("#main-container #button").mouseover(function() {
 +
 
 
         growFn = setInterval(function() {
 
         growFn = setInterval(function() {
−
             if ($("#main-container #button").width() < 2 * $(window).width()) {
+
            if($("#audioLanding")[0].volume >= 0.02) {
 +
                opa-=0.1
 +
                $("#centerCircle").css("opacity",opa)
 +
                $("#audioLanding")[0].volume -=0.006
 +
            }
 +
             if ($("#main-container #button").width() <= 2 * $(window).width()) {
 
                 $("#main-container #button").width(
 
                 $("#main-container #button").width(
 
                     $("#main-container #button").width() * 1.05
 
                     $("#main-container #button").width() * 1.05
Line 11: Line 23:
 
             }
 
             }
 
             if (
 
             if (
−
                 $("#main-container #button").height() <
+
                 $("#main-container #button").height() <= 2 * $(window).height()
−
                2 * $(window).height()
+
 
             ) {
 
             ) {
 
                 $("#main-container #button").height(
 
                 $("#main-container #button").height(
Line 19: Line 30:
 
             }
 
             }
 
             if (
 
             if (
−
                 $("#main-container #button").height() >=
+
                 $("#main-container #button").height() >
−
                2 * $(window).height()
+
              2 * $(window).height()
 
             ) {
 
             ) {
−
                 console.log("greater height")
+
                 if (
 +
                    $("#main-container #button").width() >
 +
                    2 * $(window).width()
 +
                ) {
 +
                    $("#main-container").css("overflow-x", "hidden");
 +
                    $("#main-container").css("overflow-y", "hidden");
 +
                    $("#main-container #button").css("pointer-events", "none")
 +
                    $("#main-container #button").css('border-radius',"0%")
 +
                    clearInterval(growFn)
 +
                }
 
             }
 
             }
 
         }, 25)
 
         }, 25)
Line 74: Line 94:
 
         )
 
         )
 
     }
 
     }
−
     // 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)
−
     // animatethis($("#main-container #Small3Cell"), 5500, 3, -1, 2, -1)
+
     animatethis($("#main-container #Small3Cell"), 5500, 3, -1, 2, -1)
−
     // animatethis($("#main-container #Small4Cell"), 4500, -2, 2, -2, 2)
+
     animatethis($("#main-container #Small4Cell"), 4500, -2, 2, -2, 2)
−
     // animatethis($("#main-container #Big1Cell"), 2000, -3, -1, 2, -2)
+
     animatethis($("#main-container #Big1Cell"), 2000, -3, -1, 2, -2)
−
     // animatethis($("#main-container #Big2Cell"), 6000, 2, -1, 2, -1)
+
     animatethis($("#main-container #Big2Cell"), 6000, 2, -1, 2, -1)
 
})
 
})
−
 
−
 
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 03:49, 18 October 2018