首页 > > 网页制作 > css >

变脸：用CSS JS打造的网页皮肤(3)

2008-02-23 08:36:08来源：互联网 阅读 ()

新老客户大回馈,云服务器低至5折

<script language="javascript">
if (document.getElementById) {
var r = Math.floor(Math.random()*241);
var g = Math.floor(Math.random()*241);
var b = Math.floor(Math.random()*241);
var rp1, gp1, bp1, rp2, gp2, bp2, rp3, gp3, bp3;
var p1 = .1;
var p2 = .15;
var p3 = .2;
getLighterRGBShades();
var ri = Math.floor(Math.random()*5);
var gi = Math.floor(Math.random()*5);
var bi = Math.floor(Math.random()*5);
}
function setStyleByTag(e, p, v) {
var elements = document.getElementsByTagName(e);
for(var i = 0; i < elements.length; i ) {
elements.item(i).style[p] = v;
}
}

function getLighterRGBShades() {
rp1=parseInt((r*p1) (255-(255*p1)));
gp1=parseInt((g*p1) (255-(255*p1)));
bp1=parseInt((b*p1) (255-(255*p1)));
rp2=parseInt((r*p2) (255-(255*p2)));
gp2=parseInt((g*p2) (255-(255*p2)));
bp2=parseInt((b*p2) (255-(255*p2)));
rp3=parseInt((r*p3) (255-(255*p3)));
gp3=parseInt((g*p3) (255-(255*p3)));
bp3=parseInt((b*p3) (255-(255*p3)));
}

function changeLinkColor() {
if (!document.getElementsByTagName) {return false;} // unclean! unclean!
if (r>239||r<1) ri=ri*-1;
if (g>239||g<1) gi=gi*-1;
if (b>239||b<1) bi=bi*-1;
r =ri;
g =gi;
b =bi;
setStyleByTag('a','color','rgb(' r ', ' g ', ' b ')');
setStyleByTag('p','border','rgb(' r ', ' g ', ' b ')');
setStyleByTag('td','border','rgb(' r ', ' g ', ' b ') 1px solid');
getLighterRGBShades();
setStyleByTag('td','background','rgb(' rp2 ', ' gp2 ', ' bp2 ')');
setTimeout('changeLinkColor()',40);
}

function getLighterRGBShades() {
rp1=parseInt((r*p1) (255-(255*p1)));
gp1=parseInt((g*p1) (255-(255*p1)));
bp1=parseInt((b*p1) (255-(255*p1)));
rp2=parseInt((r*p2) (255-(255*p2)));
gp2=parseInt((g*p2) (255-(255*p2)));
bp2=parseInt((b*p2) (255-(255*p2)));
rp3=parseInt((r*p3) (255-(255*p3)));
gp3=parseInt((g*p3) (255-(255*p3)));
bp3=parseInt((b*p3) (255-(255*p3)));
}

function init() {
changeLinkColor();
}
</script>