JavaScript / Tipps / Lichtregler[IE|M|O|S|G]

von: Werner Zenk

Beim Überfahren des Lichtreglers mit dem Maus-
zeiger ändert sich die Helligkeit (Farbe) der Seite.

Aktualisierung eines Scripts aus dem JavaScript-Archiv.

Den Lichtregler mit anderen Farben? Siehe Farbregler


HELL DUNKEL

Quelltext:
 Bitte Beachten Sie:
 Damit der Effekt funktioniert, darf im Body-Tag 
 (oder über CSS) keine Hintergrundfarbe definiert sein!

 spacer.gif (Transparent)

<script type="text/javascript">
function licht(lux){
 document.getElementsByTagName("body")[0].style.backgroundColor=lux;
}
</script>

<style type="text/css">
.schalter{
 width: 1px;
 height: 15px;
}
</style>

<table style="background-color: #999999;" align=center cellPadding=0 cellSpacing=1>
 <tr>
  <td style="background-color: #FFFFFF; color: #000000; font-size: 12px;"
    onMouseOver="document.getElementsByTagName('body')[0].style.backgroundColor='#FFFFFF';">
     HELL 
  </td>
  <td align=center style="letter-spacing: -4px; cursor: col-resize">
<img src="spacer.gif" class=schalter onMouseOver="licht('#fefefe')" style="background: #fefefe;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#fdfdfd')" style="background: #fdfdfd;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#fbfbfb')" style="background: #fbfbfb;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#fafafa')" style="background: #fafafa;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f9f9f9')" style="background: #f9f9f9;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f8f8f8')" style="background: #f8f8f8;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f7f7f7')" style="background: #f7f7f7;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f5f5f5')" style="background: #f5f5f5;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f4f4f4')" style="background: #f4f4f4;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f3f3f3')" style="background: #f3f3f3;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f2f2f2')" style="background: #f2f2f2;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f1f1f1')" style="background: #f1f1f1;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#f0f0f0')" style="background: #f0f0f0;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#efefef')" style="background: #efefef;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#eeeeee')" style="background: #eeeeee;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#ededed')" style="background: #ededed;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#ececec')" style="background: #ececec;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#ebebeb')" style="background: #ebebeb;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#eaeaea')" style="background: #eaeaea;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e8e8e8')" style="background: #e8e8e8;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e7e7e7')" style="background: #e7e7e7;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e6e6e6')" style="background: #e6e6e6;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e5e5e5')" style="background: #e5e5e5;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e4e4e4')" style="background: #e4e4e4;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e2e2e2')" style="background: #e2e2e2;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e1e1e1')" style="background: #e1e1e1;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#e0e0e0')" style="background: #e0e0e0;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#dfdfdf')" style="background: #dfdfdf;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#dedede')" style="background: #dedede;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#dcdcdc')" style="background: #dcdcdc;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#dbdbdb')" style="background: #dbdbdb;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#dadada')" style="background: #dadada;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d9d9d9')" style="background: #d9d9d9;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d8d8d8')" style="background: #d8d8d8;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d7d7d7')" style="background: #d7d7d7;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d5d5d5')" style="background: #d5d5d5;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d4d4d4')" style="background: #d4d4d4;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d3d3d3')" style="background: #d3d3d3;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d2d2d2')" style="background: #d2d2d2;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#d1d1d1')" style="background: #d1d1d1;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#cfcfcf')" style="background: #cfcfcf;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#cecece')" style="background: #cecece;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#cdcdcd')" style="background: #cdcdcd;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#cccccc')" style="background: #cccccc;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#cbcbcb')" style="background: #cbcbcb;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c9c9c9')" style="background: #c9c9c9;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c8c8c8')" style="background: #c8c8c8;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c7c7c7')" style="background: #c7c7c7;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c6c6c6')" style="background: #c6c6c6;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c5c5c5')" style="background: #c5c5c5;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c4c4c4')" style="background: #c4c4c4;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c2c2c2')" style="background: #c2c2c2;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c1c1c1')" style="background: #c1c1c1;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#c0c0c0')" style="background: #c0c0c0;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#bfbfbf')" style="background: #bfbfbf;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#bebebe')" style="background: #bebebe;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#bcbcbc')" style="background: #bcbcbc;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#bbbbbb')" style="background: #bbbbbb;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#bababa')" style="background: #bababa;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b9b9b9')" style="background: #b9b9b9;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b8b8b8')" style="background: #b8b8b8;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b6b6b6')" style="background: #b6b6b6;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b5b5b5')" style="background: #b5b5b5;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b4b4b4')" style="background: #b4b4b4;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b3b3b3')" style="background: #b3b3b3;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b2b2b2')" style="background: #b2b2b2;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#b0b0b0')" style="background: #b0b0b0;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#afafaf')" style="background: #afafaf;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#aeaeae')" style="background: #aeaeae;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#adadad')" style="background: #adadad;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#acacac')" style="background: #acacac;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#ababab')" style="background: #ababab;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a9a9a9')" style="background: #a9a9a9;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a8a8a8')" style="background: #a8a8a8;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a7a7a7')" style="background: #a7a7a7;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a6a6a6')" style="background: #a6a6a6;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a5a5a5')" style="background: #a5a5a5;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a3a3a3')" style="background: #a3a3a3;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a2a2a2')" style="background: #a2a2a2;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a1a1a1')" style="background: #a1a1a1;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#a0a0a0')" style="background: #a0a0a0;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#9f9f9f')" style="background: #9f9f9f;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#9d9d9d')" style="background: #9d9d9d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#9c9c9c')" style="background: #9c9c9c;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#9b9b9b')" style="background: #9b9b9b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#9a9a9a')" style="background: #9a9a9a;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#999999')" style="background: #999999;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#979797')" style="background: #979797;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#969696')" style="background: #969696;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#959595')" style="background: #959595;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#949494')" style="background: #949494;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#939393')" style="background: #939393;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#929292')" style="background: #929292;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#909090')" style="background: #909090;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#8f8f8f')" style="background: #8f8f8f;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#8e8e8e')" style="background: #8e8e8e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#8d8d8d')" style="background: #8d8d8d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#8c8c8c')" style="background: #8c8c8c;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#8a8a8a')" style="background: #8a8a8a;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#898989')" style="background: #898989;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#888888')" style="background: #888888;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#878787')" style="background: #878787;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#868686')" style="background: #868686;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#848484')" style="background: #848484;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#838383')" style="background: #838383;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#828282')" style="background: #828282;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#818181')" style="background: #818181;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#808080')" style="background: #808080;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#7e7e7e')" style="background: #7e7e7e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#7d7d7d')" style="background: #7d7d7d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#7c7c7c')" style="background: #7c7c7c;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#7b7b7b')" style="background: #7b7b7b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#7a7a7a')" style="background: #7a7a7a;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#797979')" style="background: #797979;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#777777')" style="background: #777777;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#767676')" style="background: #767676;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#757575')" style="background: #757575;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#747474')" style="background: #747474;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#737373')" style="background: #737373;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#717171')" style="background: #717171;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#707070')" style="background: #707070;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#6f6f6f')" style="background: #6f6f6f;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#6e6e6e')" style="background: #6e6e6e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#6d6d6d')" style="background: #6d6d6d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#6b6b6b')" style="background: #6b6b6b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#6a6a6a')" style="background: #6a6a6a;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#696969')" style="background: #696969;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#686868')" style="background: #686868;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#676767')" style="background: #676767;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#656565')" style="background: #656565;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#646464')" style="background: #646464;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#636363')" style="background: #636363;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#626262')" style="background: #626262;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#616161')" style="background: #616161;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#606060')" style="background: #606060;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#5e5e5e')" style="background: #5e5e5e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#5d5d5d')" style="background: #5d5d5d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#5c5c5c')" style="background: #5c5c5c;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#5b5b5b')" style="background: #5b5b5b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#5a5a5a')" style="background: #5a5a5a;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#585858')" style="background: #585858;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#575757')" style="background: #575757;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#565656')" style="background: #565656;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#555555')" style="background: #555555;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#545454')" style="background: #545454;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#525252')" style="background: #525252;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#515151')" style="background: #515151;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#505050')" style="background: #505050;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#4f4f4f')" style="background: #4f4f4f;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#4e4e4e')" style="background: #4e4e4e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#4d4d4d')" style="background: #4d4d4d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#4b4b4b')" style="background: #4b4b4b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#4a4a4a')" style="background: #4a4a4a;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#494949')" style="background: #494949;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#484848')" style="background: #484848;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#474747')" style="background: #474747;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#454545')" style="background: #454545;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#444444')" style="background: #444444;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#434343')" style="background: #434343;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#424242')" style="background: #424242;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#414141')" style="background: #414141;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#3f3f3f')" style="background: #3f3f3f;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#3e3e3e')" style="background: #3e3e3e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#3d3d3d')" style="background: #3d3d3d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#3c3c3c')" style="background: #3c3c3c;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#3b3b3b')" style="background: #3b3b3b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#393939')" style="background: #393939;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#383838')" style="background: #383838;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#373737')" style="background: #373737;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#363636')" style="background: #363636;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#353535')" style="background: #353535;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#343434')" style="background: #343434;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#323232')" style="background: #323232;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#313131')" style="background: #313131;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#303030')" style="background: #303030;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#2f2f2f')" style="background: #2f2f2f;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#2e2e2e')" style="background: #2e2e2e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#2c2c2c')" style="background: #2c2c2c;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#2b2b2b')" style="background: #2b2b2b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#2a2a2a')" style="background: #2a2a2a;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#292929')" style="background: #292929;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#282828')" style="background: #282828;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#262626')" style="background: #262626;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#252525')" style="background: #252525;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#242424')" style="background: #242424;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#232323')" style="background: #232323;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#222222')" style="background: #222222;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#202020')" style="background: #202020;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#1f1f1f')" style="background: #1f1f1f;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#1e1e1e')" style="background: #1e1e1e;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#1d1d1d')" style="background: #1d1d1d;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#1c1c1c')" style="background: #1c1c1c;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#1b1b1b')" style="background: #1b1b1b;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#191919')" style="background: #191919;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#181818')" style="background: #181818;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#171717')" style="background: #171717;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#161616')" style="background: #161616;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#151515')" style="background: #151515;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#131313')" style="background: #131313;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#121212')" style="background: #121212;">
<img src="spacer.gif" class=schalter onMouseOver="licht('#111111')" style="background: #111111;">
  </td>
  <td style="color: #FFFFFF; font-size: 12px; background-color: #000000;"
   onMouseOver="document.getElementsByTagName('body')[0].style.backgroundColor='#000000'">
    DUNKEL
  </td>
 </tr>
</table>
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
anne:
..super idee! bin begeistert.

Base:
Ist es nicht möglich eine einfachere möglichkeit zu finden für den verlauf? Trotzdem sehr gute Idee

maren:
echt klasse! vielen dank!

General Failure:
Nette Spielerrei aber ganz schön viel Code für ein wenig Lichtverstelle

Mr. bla blo:
Nett gemacht mach das bitte mal mit andern Farben würde mich freun
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Minirechner - Der warscheinlich kleinste Rechner der Welt ;-)  Text schützen  Webseite automatisch aktualisieren - Die Seite wird automatisch alle 20 Sekunden aktualisiert.  Rahmen entfernen  Wertübergabe in Javascript  Escape-Zeichen - (Escape-Codes) Formatierung von auszugebenden Texten in JavaScript oder PHP.  JavaScript Bausteine 3  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner