javascript en css in externe file

door **jaydie** » 24 dec 2005 20:23

wie kan dit converteren naar css (style.css)

dit moet tussen de <head></head>:

<style type="text/css">
.snow {
position:absolute;
layer-background-color:#FFFFFF;
visibility:visible;
top:-50px;
font-size:1px;
background-color:#FFFFFF;
}
</style>

en dit tussen de <body></body>

<script language="javascript">
var snowflakes=50; //Het aantal sneeuwvlokjes.
var level=2; //Snelheids Level 1 tot 5 1=Trager en 5=Snelst
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var t='';
var w_x, w_y;
var snow=new Array();
for(i=1;i<=snowflakes;i++)t+='<div id="snow'+i+'" class="snow"></div>';
document.write(t);
function getstartpos(obj){
obj.size=Math.floor(Math.random()*3)+1
obj.ystep=obj.size*level;
obj.xstep=obj.ystep/5;
if(ns4)obj.clip.width=obj.clip.height=obj.size;
else obj.style.width=obj.style.height=obj.size;
moveidto(obj,Math.floor(Math.random()*w_x)-obj.size,0);
}
function movedrop(){
for(i=1;i<=snowflakes;i++){
var l=(ns4)?snow[i].left:parseInt(snow[i].style.left);
var t=(ns4)?snow[i].top:parseInt(snow[i].style.top);
var pxo=(ie4||ie5)?document.body.scrollLeft:pageXOffset;
var pyo=(ie4||ie5)?document.body.scrollTop:pageYOffset;
if( (t+snow[i].ystep+snow[i].size>=w_y+pyo) || (snow[i].xpos-snow[i].size<pxo)) getstartpos(snow[i]);
else moveidto(snow[i], l-snow[i].xstep, t+snow[i].ystep);
}}
function getwindowdims(){
w_x=(ie4||ie5)? document.body.clientWidth:window.innerWidth;
w_y=(ie4||ie5)? document.body.clientHeight:window.innerHeight;
}
function moveidto(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)',400);
else getwindowdims();
}
window.onload=function(){
level=Math.max(Math.min(5,level),1)
getwindowdims();
for(i=1;i<=snowflakes;i++){
snow[i]=(ns4)?document.layers['snow'+i]:(ie4)?document.all['snow'+i]:document.getElementById('snow'+i);
getstartpos(snow[i]);
moveidto(snow[i],Math.floor(Math.random()*(w_x-10)),Math.floor(Math.random()*(w_y-10)));
}
setInterval('movedrop()',50);
}
</script>

ik zou dit graag gebruiken om ineens op al mijn paginas sneeuw te laten
vallen.

[mod="Derk"]Ik heb de topictitel veranderd... ik vond een rare titel...[/mod]

door **Anthony** » 24 dec 2005 20:56

Een javascript kan je niet in een css steken, dat moet je in een .js steken en overal op je pagina's includen met de script tag.

door **jaydie** » 24 dec 2005 21:02

merci anthony man