Benutzer:Meister: Unterschied zwischen den Versionen
Aus DCPedia
K |
K |
||
Zeile 1: | Zeile 1: | ||
<div id="d-stern" style="float: right; text-align: center; width: auto; background: #000000; border: 6px groove #FF0000; padding: 3px; color: #FF0000;"> | <div id="d-stern" style="float: right; text-align: center; width: auto; background: #000000; border: 6px groove #FF0000; padding: 3px; color: #FF0000;"> | ||
+ | [[Datei:Stern.png|center|150px]] | ||
[[Benutzer:{{BASEPAGENAME}}|'''{{BASEPAGENAME}}''']] | [[Benutzer:{{BASEPAGENAME}}|'''{{BASEPAGENAME}}''']] | ||
+ | <html> | ||
+ | <script type="text/javascript" src="http://www.stupidedia.org/resources/jquery/jquery.colorUtil.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var colorChange = new Object(); | ||
+ | |||
+ | colorChange.h = 0; | ||
+ | colorChange.interval = 100; | ||
+ | colorChange.font = $('#d-stern, #d-stern a'); | ||
+ | colorChange.background = null; | ||
+ | colorChange.border = $('#d-stern'); | ||
+ | |||
+ | colorChange.change = function() { | ||
+ | var rgb = $.colorUtil.hslToRgb(colorChange.h, 1, 0.5); | ||
+ | var r = Math.round(rgb[0]); | ||
+ | var g = Math.round(rgb[1]); | ||
+ | var b = Math.round(rgb[2]); | ||
+ | $(colorChange.font).css('color', 'rgba(' + r + ', ' + g + ', ' + b + ', 1)'); | ||
+ | $(colorChange.background).css('background-color', 'rgba(' + r + ', ' + g + ', ' + b + ', 1)'); | ||
+ | $(colorChange.border).css('border-color', 'rgba(' + r + ', ' + g + ', ' + b + ', 1)'); | ||
+ | colorChange.h += 0.01; | ||
+ | if (colorChange.h > 1) { | ||
+ | colorChange.h = 0; | ||
+ | } | ||
+ | window.setTimeout('colorChange.change();', colorChange.interval); | ||
+ | } | ||
+ | |||
+ | colorChange.change(); | ||
+ | |||
+ | </script> | ||
+ | </html> |
Version vom 9. Dezember 2012, 11:13 Uhr
Meister <html> <script type="text/javascript" src="http://www.stupidedia.org/resources/jquery/jquery.colorUtil.js"></script> <script type="text/javascript">
var colorChange = new Object();
colorChange.h = 0; colorChange.interval = 100; colorChange.font = $('#d-stern, #d-stern a'); colorChange.background = null; colorChange.border = $('#d-stern');
colorChange.change = function() {
var rgb = $.colorUtil.hslToRgb(colorChange.h, 1, 0.5); var r = Math.round(rgb[0]); var g = Math.round(rgb[1]); var b = Math.round(rgb[2]); $(colorChange.font).css('color', 'rgba(' + r + ', ' + g + ', ' + b + ', 1)'); $(colorChange.background).css('background-color', 'rgba(' + r + ', ' + g + ', ' + b + ', 1)'); $(colorChange.border).css('border-color', 'rgba(' + r + ', ' + g + ', ' + b + ', 1)'); colorChange.h += 0.01; if (colorChange.h > 1) { colorChange.h = 0; } window.setTimeout('colorChange.change();', colorChange.interval);
}
colorChange.change();
</script>
</html>