Die meisten Seiten verwenden für Indexe, die wechselnde Reihen der Farbe liefern sollen, Tabellen. Dieses JavaScript kann mit jedem möglichem HTML Befhel wie z.B. <Div>,< p> etc. benutzt werden. Sehr einfach zu verändern. Heben Sie mit diesen JavaScript einen speziellen Abschnitt auf Ihrer Seite ohne zu viel Aufwand farblich hervor.
Autor: Mr. J
zur Demo
in <Head> einfügen
<style>
#container p {
padding: 10px;
}
</style>
<script type="text/javascript">
/* Created by: Mr. J | http://www.huntingground.net/ */
function colourDivs(){
// Set the tag name below that you want to use
el=document.getElementById("container").getElementsByTagName("p")
numOfDivs=el.length
for(i=0;i<numOfDivs;i++){
if((i+1)%2==0) {
el[i].style.backgroundColor="#00009C"
el[i].style.color="#fff"
} else {
el[i].style.backgroundColor="#FFCF31"
el[i].style.color="#000"
}
}
}
// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
colourDivs();
});
</script>
in <body> einfügen
<!-- The section to be highlighted must be placed within this DIV. -->
<div id="container">
<p>
Hier steht der erste Text in der ersten Farbe. </p>
<p>
Hier steht der zweite Text in der zweiten Farbe.</p>
<p>
Hier steht der dritte Text in der ersten Farbe.</p>
<p>
Hier steht der vierte Text in der zweiten Farbe.</p>
</div>
<!-- End of section to be highlighted. -->
|