Difference between revisions of "Template:TecCEM/JsHome"
| (26 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() | $('[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($("#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()) { | if ($("#main-container #button").width() <= 2 * $(window).width()) { | ||
$("#main-container #button").width( | $("#main-container #button").width( | ||
| Line 12: | Line 23: | ||
} | } | ||
if ( | if ( | ||
| − | $("#main-container #button").height() <= | + | $("#main-container #button").height() <= 2 * $(window).height() |
) { | ) { | ||
$("#main-container #button").height( | $("#main-container #button").height( | ||
| Line 20: | Line 31: | ||
if ( | if ( | ||
$("#main-container #button").height() > | $("#main-container #button").height() > | ||
| − | + | 2 * $(window).height() | |
) { | ) { | ||
if ( | if ( | ||
| Line 26: | Line 37: | ||
2 * $(window).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("pointer-events", "none") | ||
$("#main-container #button").css('border-radius',"0%") | $("#main-container #button").css('border-radius',"0%") | ||
| Line 82: | 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