<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>
<!--- head --------------------------------------------------------------------------------------------------------------------->
<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";
}
burak yazar
yazarburak@hotmail.com