İndex için Arkaplan Animasyonları
Burdaki kodlardan uygulamak istediğinizi index şablonuna gerekli yere kodunu ekleyeceksiniz.
A-Koyu Arkaplan İsteyenler:
1-Arkaplanda Yağan Yıldızlar
NOT!!!:</body> kodundan hemen önceye.
<!--
<div style="position:relative"> - Rest of page - </div>
-->
<script language="JavaScript">
<!-- 3D Space Trip Script by kurt.grigg@virgin.net
Nstars=15;
Y=new Array();
X=new Array();
Sstars=new Array();
Dstars=new Array();
Brwsr=(document.layers)?1:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
offvis=(document.layers)?'hide':'hidden';
onvis=(document.layers)?'show':'visible';
for (i=0; i < Nstars;i++)
{
Y[i]=iH/2;
X[i]=iW/2;
Dstars[i]=Math.round(Math.random()*360);
Sstars[i]=Math.round(Math.random()*5+2);
}
if (Brwsr){
for (i=0; i < Nstars;i++)
document.write("<LAYER NAME='nstar"+i+"' TOP=0 LEFT=0 BGCOLOR=#aaaaaa WIDTH=1 HEIGHT=1></LAYER>");
}
else{
document.write('<div id="Outer" style="position:absolute"><div style="position:relative">');
for (i=0; i < Nstars;i++)
{document.write('<div id="istar" style="position:absolute;width:1px;height:1px;background:#aaaaaa;font-size:1px"></div>')}
document.write('</div></div>');
}
function fly(){
H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Nstars;i++){
var layer=(document.layers)?document.layers["nstar"+i]:istar[i].style;
Sstars[i]+=0.3;
//Dstars[i]+=2; //Can spin using this!!
Y[i]+=Math.round(Sstars[i]*Math.sin(Dstars[i]*Math.PI/180));
X[i]+=Math.round(Sstars[i]*Math.cos(Dstars[i]*Math.PI/180));
if ((Y[i] > H) || (Y[i] < 0 ) || (X[i] > W) || (X[i] < 0))
{
Y[i]=H/2;
X[i]=W/2;
Dstars[i]=Math.round(Math.random()*360);
Sstars[i]=Math.round(Math.random()*5+2);
}
layer.top=Y[i]+hscrll;
layer.left=X[i]+wscrll;
if ((X[i] < W/2-W/8) || (X[i] > W/2+W/8) || (Y[i] < H/2-H/8) || (Y[i] > H/2+H/8))
{
if (Brwsr) {layer.bgColor='cccccc';layer.clip.height=2;layer.clip.width=2}
else {layer.background='cccccc';layer.height=2;layer.width=2;layer.fontSize=2}
}
if ((X[i] < W/2-W/6) || (X[i] > W/2+W/6) || (Y[i] < H/2-H/6) || (Y[i] > H/2+H/6))
{
if (Brwsr) layer.bgColor='dddddd';
else layer.background='dddddd';
}
if ((X[i] < W/2-W/2.5) || (X[i] > W/2+W/2.5) || (Y[i] < H/2-H/2.5) || (Y[i] > H/2+H/2.5))
{
if (Brwsr){layer.bgColor='ffffff';layer.clip.height=3;layer.clip.width=3}
else {layer.background='ffffff';layer.height=3;layer.width=3;layer.fontSize=3}
}
if ((X[i] < (W/2)-10 ) || (X[i] > W-(W/2)+10 ) || (Y[i] < (H/2)-10) || (Y[i] > H-(H/2)+10))
layer.visibility=onvis;
else{
layer.visibility=offvis;
if (Brwsr){layer.bgColor='aaaaaa';layer.clip.height=1;layer.clip.width=1}
else {layer.background='aaaaaa';layer.height=1;layer.width=1;layer.fontSize=1}
}
}
setTimeout('fly()',10);
}
window.onload=fly;
//-->
</script>
[code]
2-Patlayan Havai Fişekler
NOT!!!:<body> tagının içine.
[code]
<script language="JavaScript">
<!-- IE4+, NS4+, NS6 Fireworks script by kurt.grigg@virgin.net
CL=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00',
'#ffffff','#ff00ff')
CL2=new Array('#ffa500','#00ff00','#FFAAFF','#fff000','#fffffF')
Xpos=130;
Ypos=130;
I='#00ff00';
C=0;
S=5;
H=null;
W=null;
Y=null;
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
A=14;
E=120;
L=null;
if (NS4){
for (i=0; i < A; i++)
document.write('<LAYER NAME="nsstars'+i+'" TOP=0 LEFT=0 BGCOLOR='+I+' CLIP="0,0,2,2"></LAYER>');
}
if (NS6){
window.document.body.style.overflow='hidden';
for (i=0; i < A; i++)
document.write('<div id="ns6stars'+i+'" style="position:absolute;top:0px;left:0px;height:2px;width:2px;font-size:2px;background:'+I+'"></div>');
}
if (IE4){
document.write('<div id="ie" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < A; i++)
document.write('<div id="iestars" style="position:absolute;top:0;left:0;width:2px;height:2px;background:'+I+';font-size:2px"></div>');
document.write('</div></div>');
}
function Fireworks(){
H=(NS4||NS6)?window.innerHeight:window.document.body.clientHeight;
W=(NS4||NS6)?window.innerWidth:window.document.body.clientWidth;
Y=(NS4||NS6)?window.pageYOffset:window.document.body.scrollTop;
for (i=0; i < A; i++){
if (IE4)L=iestars[i].style;
if (NS4)L=document.layers["nsstars"+i];
if (NS6)L=document.getElementById("ns6stars"+i).style;
var F=Math.floor(Math.random()*CL.length);
var RS=Math.round(Math.random()*2);
L.top = Ypos + E*Math.sin((C+i*5)/3)*Math.sin(C/100)
L.left= Xpos + E*Math.cos((C+i*5)/3)*Math.sin(C/100)
if (C < 110){
if (NS4){L.bgColor=I;L.clip.width=1;L.clip.height=1}
if (IE4||document.getElementById)
{L.background=I;L.width=1;L.height=1;L.fontSize=1}
}
else{
if (NS4){L.bgColor=CL[F];L.clip.width=RS;L.clip.height=RS}
if (IE4||document.getElementById){L.background=CL[F];L.width=
RS;L.height=RS;L.fontSize=RS}
}
}
if (C > 220){
C=0;
var NC=Math.floor(Math.random()*CL2.length);
I=CL2[NC];
E=Math.round(100+Math.random()*50);
Ypos = E+Math.round(Math.random()*(H-(E*2.2)))+Y;
Xpos = E+Math.round(Math.random()*(W-(E*2.2)));
}
C+=S;
setTimeout("Fireworks()",10);
}
Fireworks();
// -->
</script>
<!-- End of Fireworks -->
3-Arkaplanda Kar yağsın
NOT!!!: <body> tagını <body bgcolor=#000000 onLoad="snow()"> yapın. Ve <body> tagının içine.
<script language="JavaScript">
<!-- Snow Script by kurt.grigg@virgin.net
N = 40;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < N; i++){
Y[i]=Math.round(Math.random()*iH);
X[i]=Math.round(Math.random()*iW);
S[i]=Math.round(Math.random()*5+2);
A[i]=0;
B[i]=Math.random()*0.1+0.1;
M[i]=Math.round(Math.random()*1+1);
}
if (V){
for (i = 0; i < N; i++)
{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < N; i++)
{document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"></div>')}
document.write('</div></div>');
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){
sy=S[i]*Math.sin(90*Math.PI/180);
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] > H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+1);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout('snow()',10);
}
//-->
</script>
B-Renk Önemsiz(arkaplan rengi):
1- Güzel bişey işte
NOT!!!:<body> tagının içine.
<script language="JavaScript">
<!-- Space Variation by kurt.grigg@virgin.net
if (document.all){
xL=5;
xH=0;
xW=0;
xR=0;
xE=0;
xMY=0;
xMX=0;
xWd=0;
xHd=0;
xF=new Array();
xY=new Array();
xX=new Array();
xS=new Array();
xA=new Array();
xB=new Array();
ini=new Array();
cl=new Array('#fff000','#0000FF','#ff0000','#00ff00','#ff00ff','#ffa500')
document.write('<div id="xouter" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < xL; i++){
document.write('<div id="xie" style="position:absolute;top:0;left:0;width:10px;height:10px;'
+'font-family:Courier New;font-size:50px;color:#ffffff">.</div>');
}
document.write('</div></div>');
//Initial Placement!
function Set(){
for (i=0; i < xL; i++){
xH=window.document.body.offsetHeight;
xW=window.document.body.offsetWidth;
xA[i]=Math.round(Math.random()*xH);
xB[i]=Math.round(Math.random()*xW);
xS[i]=Math.random()*0.07+0.05;
xR=Math.round(Math.random()*3);
xE=Math.round(Math.random()*2500+50)
if (xR == 3) xB[i]=-xE;
if (xR == 2) xB[i]=xW+xE;
if (xR == 1) xA[i]=-xE;
if (xR == 0) xA[i]=xH;
xF[i]=xW/14;
}
}
Set();
function Assign(){
xouter.style.top=document.body.scrollTop;
for (i=0; i < xL; i++){
xF[i]-=xS[i]*25;
if (xF[i] < 4) xF[i]=3;
xie[i].style.top =xY[i];
xie[i].style.left=xX[i];
xie[i].style.fontSize=xF[i];
xie[i].style.filter='glow(color='+ini[i]+', strength='+xF[i]/3+')';
}
}
function fly(){
var N=Math.floor(Math.random()*cl.length)
xMY=window.document.body.clientHeight/2;
xMX=window.document.body.clientWidth/2;
xWd=Math.round(Math.random()*40+5);
xHd=Math.round(Math.random()*30+5);
for (i=0; i < xL; i++)
{
xY[i]=xA[i]+=(xMY-xA[i])*(xS[i]);
xX[i]=xB[i]+=(xMX-xB[i])*(xS[i]);
if ((xX[i] > xMX-xWd) && (xX[i] < xMX+xWd) && (xY[i] > xMY-xHd) && (xY[i] < xMY+xHd)){
xH=window.document.body.offsetHeight;
xW=window.document.body.offsetWidth;
xA[i]=Math.round(Math.random()*xH);
xB[i]=Math.round(Math.random()*xW);
xS[i]=Math.random()*0.05+0.05;
xR=Math.round(Math.random()*3);
xE=Math.round(Math.random()*50+50)
if (xR == 3) xB[i]=-xE;
if (xR == 2) xB[i]=xW+xE;
if (xR == 1) xA[i]=-xE;
if (xR == 0) xA[i]=xH+xE;
}
if ((xX[i] < 0) || (xX[i] > xW) || (xY[i] < 0) || (xY[i] > xH))
{
xF[i]=xW/14;
ini[i]=cl[N];
}
}
Assign();
setTimeout('fly()',10);
}
fly();
}
// -->
</script>
2-Başka bir kar scripti
NOT!!!:<body> tagının içine.
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Matthew Musgrove ( muskrat@lvnworth.com) -->
<!-- Web Site: http://free.prohosting.com/~musgrove -->
<!-- Begin
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}
// End -->
</script>
3-Arkaplan Rengi Sayfa Yenilendiğinde Değişir(MyBB de çalışır mı denemedim)
NOT!!!:<body> tagını <BODY onload="show()"> olarak değitirin.Ve <body> tagının içine.
<script language="JavaScript">
function rnd(scale) {
var dd=new Date();
return((Math.round(Math.abs(Math.sin(dd.getTime()))*1000000000)%scale));
}
function show() {
}
document.bgColor=256*rnd(255)+16*rnd(255)+rnd(255);
</script>
Hepsi bu kadar.Önemli NOT!!!:
Java Script Bankası v 2.1'den alıntıdır!!!!
Webmaster Kaynak
İndex için Arkaplan Animasyonları
