‏إظهار الرسائل ذات التسميات أكواد الجافا مؤثرات الخلفيات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات أكواد الجافا مؤثرات الخلفيات. إظهار كافة الرسائل

الاثنين، 29 أغسطس 2011

خلفية ماتريكس Matrix






http://img102.herosh.com/2011/08/28/363480199.gif


الوصف:
خلفية للفيلم المعروف ماتريكس.




طريقة التركيب: 
ضع الكود بمنطقة الـ <body>



الكود:





<script language="JavaScript">
//للمزيد من الجافا سكريبت .. نرجو زيارة موقع إقلاع سوفت http://soft.vip600.com/
if (document.all){
Cols=10;
Cl=24;
Cs=100;
Ts=10;
Tc='#FF9933';
Tc1='#FFCC00';
MnS=5;
MxS=10;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,1);
document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");
document.write("<div style='position:relative'>");
for(i=0; i < Cols; i++){
S[i]=I+=Cs;
document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");
}
document.write("</div></div>");

for(j=0; j < Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl); 
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i < RC[j]; i++){
 B[i]='';
 C[i]=Math.round(Math.random()*1)+' ';
 M[j]=B[0]+=C[i];
 }
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i < Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';
Y[i]+=Sp[i];

if (Y[i] > window.document.body.clientHeight){
 for(i2=0; i2 < Cols; i2++){
 RC[i2]=1+Math.round(Math.random()*Cl); 
 for(i3=0; i3 < RC[i2]; i3++){
 B[i3]='';
 C[i3]=Math.round(Math.random()*1)+' ';
 C[Math.floor(Math.random()*i2)]=' '+' ';
 M[i]=B[0]+=C[i3];
 Y[i]=-Ts*M[i].length/1.5;
 A[i].style.visibility='visible';
 }
 Sp[i]=Math.round(MnS+Math.random()*MxS);
 }
}
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}
// -->
</script>




تغير لون الخلفية عند الدخول




http://img102.herosh.com/2011/08/28/363480199.gif


الوصف:
تغير الوان الخلفية عند دخول الصفحة.




طريقة التركيب: 
من خطوتين :



1- ضع الكود التالي بمنطقة الـ <head>



الكود:







ظلل وانسخ الكود






<script language="JavaScript">
hexa = new Array(16);
function degrade(sr, sg, sb, er, eg, eb, pas)
{
  for(var i = 0; i < 10; i++) hexa[i] = i;
  hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
  hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
  for(var i = 0; i <= pas; i++)
  {
   setbgColor(
   Math.floor(sr * ((pas-i)/pas) + er * (i/pas)),
   Math.floor(sg * ((pas-i)/pas) + eg * (i/pas)),
   Math.floor(sb * ((pas-i)/pas) + eb * (i/pas)));
  }
}
function hex(i)
{
  if (i < 0)
    return "00";
  else if (i > 255)
    return "ff";
  else return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b)
{
  var hr = hex(r), hg = hex(g), hb = hex(b);
  document.bgColor = "#"+hr+hg+hb;
}
</script>








2- ضع الكود التالي بمنطقة الـ <body>




الكود:







ظلل وانسخ الكود





<script language="JavaScript">
   degrade(0,0,0,255,150,100,255);
</script>













العاب نارية لخلفية الصفحة




http://img102.herosh.com/2011/08/28/363480199.gif


الوصف: خلفية رائعة عبارة عن العاب نارية.




طريقة التركيب: 
ضع الكود في منطقة الـ <body>




الكود:







ظلل وانسخ الكود





<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>
<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>
<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>
<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>
<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>

<script language="JavaScript">

/*
Document firework script (By Kurt Gregg, kurt.grigg@virgin.net)
Modified granted to Dynamic Drive to feature script in archive
For full source and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

if (document.all)
with(document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')
write('</div>')
}


var Clrs=new Array(9)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='ffa500';
Clrs[5]='ffff00';
Clrs[6]='00ff00';
Clrs[7]='ffffff';
Clrs[8]='fffff0';
var sClrs=new Array(5)
sClrs[0]='ffa500';
sClrs[1]='55ff66';
sClrs[2]='AC9DFC';
sClrs[3]='fff000';
sClrs[4]='fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor='ffa000';
var Mtop=250;
var Mleft=250;

function Fireworks() {
if (document.all)
{
yBase = window.document.body.offsetHeight/3;
xBase = window.document.body.offsetWidth/8;
}
else if (document.layers)
{
yBase = window.innerHeight/3;
xBase = window.innerWidth/8;
}
if (document.all)
{
step=5;
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
if (currStep < 90)
starsDiv.all[i].style.background=initialStarColor;
if (currStep > 90)
starsDiv.all[i].style.background=Clrs[c];
starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
}
}
else if (document.layers)
{
step = 5;
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
{
var templayer="a"+j
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
if (currStep < 90)
document.layers[templayer].bgColor=initialStarColor;
if (currStep > 90)
document.layers[templayer].bgColor=Clrs[c];
document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)
document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)
}
}
currStep+= step;
//window.status=currStep;
T=setTimeout("Fireworks()",5);
if (currStep==220)
{
currStep=-10;
for (n=0; n < sClrs.length; n++)
{
var k=Math.round(Math.random()*n);
}
initialStarColor=sClrs[k];
if (document.all)
{
Dtop=window.document.body.clientHeight-250;
Dleft=xBase*3.5;
Mtop=Math.round(Math.random()*Dtop);
Mleft=Math.round(Math.random()*Dleft);
document.all.starsDiv.style.top=Mtop+document.body.scrollTop;
document.all.starsDiv.style.left=Mleft+document.body.scrollLeft;
}
else if (document.layers)
{
Dleft=window.innerWidth-100;
Dtop=window.innerHeight-100;
Mtop=Math.round(Math.random()*Dtop+window.pageYOffset);
Mleft=Math.round(Math.random()*Dleft+window.pageXOffset);
document.layers[templayer].top=Mtop;
document.layers[templayer].left=Mleft;
}
if ((Mtop < 20) || (Mleft < 20))
{
Mtop+=90;
Mleft+=90;
}
}
}
if (document.all||document.layers)
Fireworks();

</script>






تغير لون الخلفية




الوصف:
تتغير لون خلفية الصفحة في كل مرة تدخلها .





طريقة التركيب: 
ضع الكود بمنطقة الـ <body>



الكود:









ظلل وانسخ الكود






<script>

/*Random background color- by javascriptkit.com
Visit JavaScript Kit (http://javascriptkit.com) for script
Credit must stay intact for use*/

//Enter list of bgcolors:
var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00")

document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</script>