diedVIPs

html knowhow

Hintergrundfarbe ändert beim srollen










Hintergrundfarbe ändert beim srollen

Das Menü dreht sich durch Button-Druck dreht
So sieht´s aus






Quellcode
<html>
<head>
<script type="text/javascript" src="../scripte/spinmenu.js"></script>

<style type="text/css">html {border:30px solid;border-color: #f80000;height: auto;}
</style>
</head>

<body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.12.1/TweenMax.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.12.1/TimelineLite.min.js'></script>
<br/><br/><br/><br/>
<script>
var tl;
_initUpdateColorOnScroll("#34ff25");
function _initUpdateColorOnScroll(_endColor) {
_presetColorAnimation(_endColor);
$(window).scroll(function(e){
var scrollTop = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
var _scrollPercent = (scrollTop) / (docHeight - winHeight);
tl.seek(_scrollPercent);
});
}
function _presetColorAnimation(_endColor) {
var _html = document.getElementsByTagName("html")[0];
tl = new TimelineLite();
tl.to(_html, 1, {borderColor:_endColor});
tl.pause();
}
</script>

</body>

</html>
Download Button   Laden Sie sich die Javadatei herunter








Kontakt    Datenschutz    Impressum