- Renkli Çizgi Kodu

Kodu Ekleyince yan tarafa bakınız

Kod:

Kod:

<HTML><HEAD><TITLE>Gezginler Webmaster Resources / Web Design / Star Warp Effect</TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">

<style>

A:link {text-decoration: none; color: #000066}

A:visited {text-decoration: none; color: #000066}

A:active {text-decoration: none; color: #000066}

A:hover {text-decoration: none; color: #ceb464}

textarea {background-color: #ebe2d3; border-color: #ebe2d3; margin: #ebe2d3; scrollbar-3d-light-color: #ebe2d3; scrollbar-arrow-color: #000009; scrollbar-base-color: #ebe2d3; scrollbar-dark-shadow-color: #ebe2d3; scrollbar-face-color: #ebe2d3; scrollbar-highlight-color: #ebe2d3; scrollbar-shadow-color: #ebe2d3; zoom: #ebe2d3; word-wrap: #ebe2d3; word-break: #ebe2d3;}

BODY {

background-color:#EBE2D3;

scrollbar-arrow-color:#000066;

scrollbar-track-color:#EBE2D3;

scrollbar-shadow-color:#382820;

scrollbar-face-color:#EBE9D9;

scrollbar-highlight-color:#000066;

scrollbar-darkshadow-color:#EBE2D3;

scrollbar-3dlight-color:#EBE2D3;

}

</style>

<script LANGUAGE="JavaScript">

function CC_noErrors() {

return true;

}

window.onerror = CC_noErrors;

</script>



<script type="text/javascript">

// <![CDATA[

var speed=33; // lower number for faster

var warp=3; // from 1 to 10

var stars=100; // number of stars

var colour="#000"; // colour of stars

var position=0; // set to '-1' for stars to appear behind text on page

/****************************

* Star Warp Effect *

* (c) 2005 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON'T EDIT BELOW THIS BOX *

****************************/

var i;

var strs=new Array();

var strx=new Array();

var stry=new Array();

var stdx=new Array();

var stdy=new Array();

var swide=800;

var shigh=600;

warp/=100;

window.onload=function() { if (document.getElementById) {

var b, s, temp;

set_width();

b=document.createElement("div");

s=b.style;

s.position="absolute";

b.setAttribute("id", "bod");

document.body.appendChild(b);

set_scroll();

for (i=0; i<stars; i++) {

strs[i]=document.createElement("div");

strs[i].style.backgroundColor=colour;

strs[i].style.overflow="hidden";

strs[i].style.position="absolute";

strs[i].style.zIndex=position;

stdy[i]=Math.random()*4-2;

stdx[i]=Math.random()*6-3;

temp=Math.random()*100;

strx[i]=swide/2+temp*stdx[i];

stry[i]=shigh/2+temp*stdy[i];

if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) {

strs[i].style.width="2px";

strs[i].style.height="2px";

}

else {

strs[i].style.width="1px";

strs[i].style.height="1px";

}

b.appendChild(strs[i]);

}

setInterval("warp_drive()", speed);

}}

function warp_drive() {

for (i=0; i<stars; i++) {

stry[i]+=stdy[i];

strx[i]+=stdx[i];

stdx[i]*=1+warp;

stdy[i]*=1+warp;

if (stry[i]>0 && stry[i]<shigh-3 && strx[i]>0 && strx[i]<swide-3) {

strs[i].style.left=Math.floor(strx[i])+"px";

strs[i].style.top=Math.floor(stry[i])+"px"

}

else {

strx[i]=swide/2;

stry[i]=shigh/2;

stry[i]+=stdy[i]=Math.random()*4-2;

strx[i]+=stdx[i]=Math.random()*6-3;

if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) {

strs[i].style.width="2px";

strs[i].style.height="2px";

}

else {

strs[i].style.width="1px";

strs[i].style.height="1px";

}

}

}

}

window.onresize=set_width;

function set_width() {

if (typeof(self.innerWidth)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

swide-=2;

shigh-=2;

}

window.onscroll=set_scroll;

function set_scroll() {

var sleft, sdown;

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

var s=document.getElementById("bod").style;

s.top=sdown+"px";

s.left=sleft+"px";

}