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>