skriv ut » Växla färg på bläddringslisten
Låt bläddringslisten växla färg automatiskt med tidsintervall. Du bestämmer färger, antal färger, tid mm.
Här hittar du hexadecimala färgkoder »
Läs gärna mer om färg på bläddringslister med CSS här »
Lägg koden inom <HEAD>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Adrese Ramsaran -->
function one()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="006699";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="006699";
}
setTimeout("two()",3000);
}
</script>
<script language="javascript">
function two()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="009966";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="009966";
}
setTimeout("three()",3000);
}
</script>
<script language="javascript">
function three()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="CC6699";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="CC6699";
}
setTimeout("four()",3000);
}
</script>
<script language="javascript">
function four()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="CC9966";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="CC9966";
}
setTimeout("five()",3000);
}
</script>
<script language="javascript">
function five()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="FFCC66";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="FFCC66";
}
setTimeout("six()",3000);
}
</script>
<script language="javascript">
function six()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="999966";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="999966";
}
setTimeout("seven()",3000);
}
</script>
<script language="javascript">
function seven()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="9999CC";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="9999CC";
}
setTimeout("eight()",3000);
}
</script>
<script language="javascript">
function eight()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="99CC66";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="99CC66";
}
setTimeout("nine()",3000);
}
</script>
<script language="javascript">
function nine()
{
with(document.body.style)
{
scrollbarDarkShadowColor="";
scrollbar3dLightColor="";
scrollbarArrowColor="FFFFFF";
scrollbarBaseColor="";
scrollbarFaceColor="99CCCC";
scrollbarHighlightColor="";
scrollbarShadowColor="";
scrollbarTrackColor="99CCCC";
}
setTimeout("one()",3000);
}
</script>
<script langauge="javascript">
setTimeout("one()",3000);
</script>
</HEAD>
Ändra till dina egna önskade färger. I exemplet ovan har endast "scrollbarArrowColor", "scrollbarFaceColor", och "scrollbarTrackColor" angivna färgvärden. Om du ännu mer i detalj vill styra färgen på bläddringslisten anger du värden inom "" (situationstecknen). I exemplet byts nio färger, vill du ha fler färre färger tar du bort/lägger till avsnitt i koden. Se bara till att numreringen stämmer så att scriptet "loopar". Längden är angiven i millisekunder, i exemplet 3000 för 3 sekunder:
