ساعة ذات خلفية سوداء

ساعة حائط ملونة

Dim a
Dim min1
Dim hr1
Dim sec1

'Initializes clock and tells it how to behave, when to start animation, etc

Sub window_onload
a = time
min1 = minute(time)
hr1 = hour(time)
if hr1 > 12 then
hr1 = hr1 - 12
end if
sec1 = second(time)
call sgSecondHand.Rotate(0,0,sec1*6 - 90)
call sgMinuteHand.Rotate(0,0,min1*6 - 90)
call sgHourHand.Rotate(0,0,hr1*360/12 - 90)
call seq("Time").Play
end Sub


'Sequencer initilization

Sub Seq_OnInit
Call seq("Time").at(0.000, "SecRot", -1, 1.000, 1)
Call seq("Time").at(60.000, "MinRot", -1, 60.000, 1)
Call seq("Time").at(0.000, "HourRot", -1, 1800.000, 1)
End Sub

'rotates second hand of clock

Sub SecRot
Call sgSecondHand.Rotate(0,0,6)
End Sub

' rotates minute hand of clock

Sub MinRot
Call sgMinuteHand.Rotate(0,0,6)
End Sub

' rotates hour hand of clock

Sub HourRot
Call sgHourHand.Rotate(0,0,15)
End Sub

تغيير لون الصفحة بضطة زر


إضغط هنا لتغيير لون الصفحة






طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD
<SCRIPT LANGUAGE="JavaScript">
/* Visit our site at http://www.star28.com/ for more code
This notice must stay intact for use */
<!-- Begin
function rnd(scale) {
var dd=new Date();
return((Math.round(Math.abs(Math.sin(dd.getTime()))*1000000000)%scale));
}
function show() {
document.blah.bg.value=document.bgColor;
document.blah.fg.value=document.fgColor;
}
document.fgColor=256*rnd(255)+16*rnd(255)+rnd(255);
document.bgColor=256*rnd(255)+16*rnd(255)+rnd(255);
// End -->
</SCRIPT>




2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<CENTER>
<a
href="javascript:history.go(0)"><font color="#000000"
face="Tahoma ,Arial" size="3">إضغط هنا لتغيير لون
الصفحة</font></a>
</CENTER>
أغلق هذه الصفحة

غير لون الصفحة بمجرد مرور الماوس على اسم اللون
مرر
فأرتك على أحد الألوان

[أخضر]
[أخضر فاتح] [أخضر عفني] [أحمر]
[وردي غامق] [فوشي] [وردي] [بنفسجي]
[كحلي] [أزرق] [أزرق ملكي] [أزرق سماوي]
[أصفر] [بني] [أحمر قاني] [أبيض]
[أسود] [مشمشي] [زيتوني] [برتقالي]






طريقة التركيب


انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<center><font face="Tahoma" color="#FF0000">مرر
فأرتك على أحد الألوان</font><br>
<p align="center"><font face="Tahoma">[<a href="/" onmouseover="document.bgColor='green'">أخضر</a>]
[<a href="/" onmouseover="document.bgColor='greem'">أخضر فاتح</a>] [<a href="/"
onmouseover="document.bgColor='seagreen'">أخضر عفني</a>] [<a href="/"
onmouseover="document.bgColor='red'">أحمر</a>]<br>
[<a href="/" onmouseover="document.bgColor='magenta'">وردي غامق</a>] [<a href="/"
onmouseover="document.bgColor='fusia'">فوشي</a>] [<a href="/"
onmouseover="document.bgColor='pink'">وردي</a>] [<a href="/"
onmouseover="document.bgColor='purple'">بنفسجي</a>]<br>
[<a href="/" onmouseover="document.bgColor='navy'">كحلي</a>] [<a href="/"
onmouseover="document.bgColor='blue'">أزرق</a>] [<a href="/"
onmouseover="document.bgColor='royalblue'">أزرق ملكي</a>] [<a href="/"
onmouseover="document.bgColor='Skyblue'">أزرق سماوي</a>]<br>
[<a href="/" onmouseover="document.bgColor='yellow'">أصفر</a>] [<a href="/"
onmouseover="document.bgColor='brown'">بني</a>] [<a href="/"
onmouseover="document.bgColor='almond'">أحمر قاني</a>] [<a href="/"
onmouseover="document.bgColor='white'">أبيض</a>]<br>
[<a href="/" onmouseover="document.bgColor='black'">أسود</a>] [<a href="/"
onmouseover="document.bgColor='coral'">مشمشي</a>] [<a href="/"
onmouseover="document.bgColor='olivedrab'">زيتوني</a>] [<a href="/"
onmouseover="document.bgColor='orange'">برتقالي</a>] </font></center>

أغلق هذه الصفحة

كود ألعاب نارية


















/*
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
Visit our site at http://www.star28.com/ for more code
This notice must stay intact for use */

if (document.all)
with(document){
write('')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
write('
')
}


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;
http://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();






طريقة التركيب


انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة 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
Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

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;
http://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>




أغلق هذه الصفحة

كود لتغيير ألوان الخلفية بشكل رائع

حدث الصفحة لتراها مرة أخرى .. اضغط f5 للتحديث

degrade(0,0,0,255,150,100,255);







طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD
<script language="JavaScript">

// Visit our site at http://www.star28.com/ for more code

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>



أغلق هذه الصفحة

كلمات تظهر في شريط المعلومات السفلي 1

انظهر الى الشريط السفلي




طريقة التركيب


1- انسخ هذا الكود و ضعه في منطقة HEAD
<script LANGUAGE="JavaScript">

/* Visit our site at http://www.star28.com/ for more code
*/

var init_msg = "Welcome To STAR28.com"

var str = ""
var msg = ""
var leftmsg = ""


function setMessage()
{
if (msg == "")
{
str = " "
msg = init_msg
leftmsg = ""
}

if (str.length == 1)
{

while (msg.substring(0, 1) == " ")
{
leftmsg = leftmsg + str
str = msg.substring(0, 1)
msg = msg.substring(1, msg.length)
}
leftmsg = leftmsg + str
str = msg.substring(0, 1)
msg = msg.substring(1, msg.length)
for (var ii = 0; ii < 120; ii++)
{str = " " + str}
}
else
{
str = str.substring(10, str.length) // decrease str little by little
}


window.status = leftmsg + str
JSCTimeOutID = window.setTimeout('setMessage()',100)
}

</script>




2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا
<BODY onLoad="JSCTimeOutID = window.setTimeout('setMessage()',500);">

أغلق هذه الصفحة

كلمات تظهر في شريط المعلومات السفلي 2

انظهر الى الشريط السفلي




طريقة التركيب


1- انسخ هذا الكود و ضعه في منطقة HEAD
<script LANGUAGE="JavaScript">

/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

<!-- Begin
var Message="مرحبا بكم في دليل العرب الشامل";
var place=1;
function scrollIn() {
window.status=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollOut()",300);
} else {
place++;
window.setTimeout("scrollIn()",50);
}
}
function scrollOut() {
window.status=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("scrollOut()", 50);
}
}
// End -->
</script>




2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا
<BODY onLoad="scrollIn()">

أغلق هذه الصفحة

ألوان تتبع الماوس


























طريقة التركيب


1- انسخ هذا الكود و ضعه في منطقة HEAD
<style type="text/css">
<!--
#a { position: absolute; top: 10px; left: 10px; visibility: visible }
#b { position: absolute; top: 10px; left: 10px; visibility: visible }
#c { position: absolute; top: 10px; left: 10px; visibility: visible }
#d { position: absolute; top: 10px; left: 10px; visibility: visible }
#e { position: absolute; top: 10px; left: 10px; visibility: visible }
#f { position: absolute; top: 10px; left: 10px; visibility: visible }
#g { position: absolute; top: 10px; left: 10px; visibility: visible }
-->
</style>




2- انسخ هذه الأكواد و ضعها بعد BODY
<layer
name="a0" left="10" top="10" visibility="show" bgcolor="#ff0000"
clip="0,0,2,2"></layer>
<layer name="a1" left="10" top="10" visibility="show"
bgcolor="#ff8000" clip="0,0,2,2"></layer>
<layer name="a2" left="10" top="10" visibility="show"
bgcolor="#ffff00" clip="0,0,2,2"></layer>
<layer name="a3" left="10" top="10" visibility="show"
bgcolor="#00ff00" clip="0,0,2,2"></layer>
<layer name="a4" left="10" top="10" visibility="show"
bgcolor="#0000ff" clip="0,0,2,2"></layer>
<layer name="a5" left="10" top="10" visibility="show"
bgcolor="#ff00ff" clip="0,0,2,2"></layer>
<layer name="a6" left="10" top="10" visibility="show"
bgcolor="#ffffff" clip="0,0,2,2"></layer>
<div id="starsDiv" style="position:absolute;top:0px;left:0px">
<div
style="position:relative;width:2px;height:2px;background:#ffffff;font-size:1px;visibility:visible"></div>
<div
style="position:relative;width:2px;height:2px;background:#ffff00;font-size:1px;visibility:visible"></div>
<div
style="position:relative;width:2px;height:2px;background:#ffa000;font-size:1px;visibility:visible"></div>
<div
style="position:relative;width:2px;height:2px;background:#ff0000;font-size:1px;visibility:visible"></div>
<div
style="position:relative;width:2px;height:2px;background:#00ff00;font-size:1px;visibility:visible"></div>
<div
style="position:relative;width:2px;height:2px;background:#0000ff;font-size:1px;visibility:visible"></div>
<div
style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:1px;visibility:visible"></div>
</div>

<script
language="JavaScript">
<!-- Begin
// Original: freeware.de
// Web Site: http://freeware.de // MSIE Fix by: Kurt Grigg
(kurt.grigg@virgin.net)
/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */
function MoveHandler(){
Xpos = document.body.scrollLeft + event.x;
Ypos = document.body.scrollTop + event.y;
}
function xMoveHandler(evnt) {
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
if (document.layers) {
window.captureEvents(Event.MOUSEMOVE);
}
var yBase = 200;
var xBase = 200;
var yAmpl = 10;
var yMax = 40;
var step = .2;
var ystep = .5;
var currStep = 0;
var tAmpl=1;
var Xpos = 1;
var Ypos = 1;
var i = 0;
var j = 0;
if (document.all) {
document.onmousemove = MoveHandler;
}
else if (document.layers) {
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all) {
yBase = window.document.body.offsetHeight / 4;
xBase = window.document.body.offsetWidth / 4;
}
else if (document.layers) {
yBase = window.innerHeight / 4;
xBase = window.innerWidth / 4;
}
if (document.all) {
for (i = 0 ; i < starsDiv.all.length; i++) {
starsDiv.all[i].style.top = Ypos +
Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep
+ i*25)/10);
starsDiv.all[i].style.left = Xpos +
Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep
+ i*25)/10); }
}
else if (document.layers) {
for (j = 0; j < 7; j++) { //7 is number of NS layers!
var templayer="a" + j;
document.layers[templayer].top = Ypos +
Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep
+ j*25)/10);
document.layers[templayer].left =Xpos +
Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep
+ j*25)/10); }
}
currStep += step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// End -->
</script>


أغلق هذه الصفحة

كلام يتبع الماوس 2




طريقة التركيب


1- انسخ هذا الكود و ضعه في منطقة HEAD
<SCRIPT
language="JavaScript1.2"> <!--
/* Visit our site at http://www.star28.com/ for more code Cursor
scroller script- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
*/
//1) set message to display
var scroller_msg='مرحباً بكم في دليل العرب الشامل'
//2) set whether message should auto disappear after x seconds
(0=perpetual).
//Note that double clicking page will also dismiss message
var dismissafter=0
function ietruebody(){
return (document.compatMode &&
document.compatMode!="BackCompat")? document.documentElement :
document.body
}
var initialvisible=0
if (document.all)
document.write('<marquee direction="right" id="curscroll"
style="position:absolute;width:150px;border:1px solid
black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')

function
followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=ietruebody().scrollLeft+event.clientX+10
curscroll.style.top=ietruebody().scrollTop+event.clientY+10
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//--> </SCRIPT>




2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا
<body style="width:100%;overflow-x:hidden;overflow-y:scroll">


أغلق هذه الصفحة

منع استخدام زر الماوس اليمين للصور



اضغط بزر الماوس اليمين على الصورة




طريقة التركيب


انسخ هذا الكود و ضعه في منطقة HEAD
<script language="JavaScript1.2">

/*
Disable right click script II (on images)- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
* Translated By www.star28.com/
*/

var clickmessage="الزر اليمين لا يعمل على الصور "

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>




أغلق هذه الصفحة

دوائر جميلة حول مؤشر الماوس








طريقة التركيب


1- انسخ هذا الكود و ضعه في منطقة HEAD

<style TYPE="text/css">
<!--
#a0 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a1 {position:absolute; left:96; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a2 {position:absolute; left:216; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a3 {position:absolute; left:338; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a4 {position:absolute; left:460; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a5 {position:absolute; left:640; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a6 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a7 {position:absolute; left:200; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a8 {position:absolute; left:300; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a9 {position:absolute; left:600; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}

// -->
</style>





2- غير ضمن الوسم BODY ليصبح مثل هذا

<BODY onLoad="startthedots()">





3- ضع هذا الكود بعد الوسم BODY

<script LANGUAGE="JavaScript">

/*
Swirling cursor trail (By Ozone, http://ozone.com)
Featured on JavaScript Kit free JavaScripts with bug fix for IE (http://javascriptkit.com)
Visit our site at http://www.star28.com/ for more code
*/

window.onerror=null;
netscape = (document.layers) ? 1:0;
goodIE = (document.all) ? 1:0;
document.onmousemove=MoveHandler;
var gotthere = 0;
var count = 0;
var ietopcorner=''
var ieleftcorner=''

toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );
temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 );
leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );
templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );
difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
questtop = -13;
questleft2 = -96;
if (netscape) {
document.body=new Object()
document.body.scrollTop=''
document.body.scrollLeft=''
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = MoveHandler;
var layerstart = "document.";
var layerleft = ".left";
var layertop = ".top";
var layerstyle = "";
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight; }
else if (goodIE) {
ietopcorner=document.body.scrollTop
ieleftcorner=document.body.scrollLeft
layerstart = "document.all.";
layerleft = ".left";
layertop = ".top";
layerstyle = ".style";
windowWidth=600;
windowHeight=400; }
// end error trapping
var Ypos2 = 72;
var Xpos2 = 72;
function MoveHandler(e) {
if (netscape || goodIE) {
Xpos2 = (netscape)?e.pageX:event.x
Ypos2 = (netscape)?e.pageY:event.y
Xorigin = Xpos2;
Yorigin = Ypos2;
if (Ypos2 > windowHeight/2) {
if (Xpos2 > windowWidth/2) { direction = 1;}
else { direction = -1;} }
else {
if (Xpos2 > windowWidth/2) { direction = -1;}
else { direction = 1;} }
}}

function startthedots() {
if (goodIE) {
windowWidth=document.body.clientWidth;
windowHeight=document.body.clientHeight; }
Xorigin = 204;
Yorigin = 147;
spin();run(); }

var OrbitSize = 200;
count=1; delay=100; direction = -1;
Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
var speed = -0.06;
var offset = 1;

function spin() {
for ( j = 0 ; j <= 9 ; j++ ) {
Count[j] = Count[j] + (speed*direction);
Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset));
Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); }
setTimeout('spin()',3); }

function run() {
count++;
for ( j = 0 ; j <= 9 ; j++ ) {
difftop[j] = Ypoint[j] - temptoplocation[j];
diffleft[j] = Xpoint[j] - templeftlocation[j];
diff = 30;
temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;
templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;
eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]");
eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"); }
setTimeout('run()', 25) }

badIE = 0;
browserName = navigator.appName.substring(0,;
browserVer = parseFloat(navigator.appVersion);
macintosh = navigator.userAgent.indexOf("Mac");
if (browserName == "Microsof") {
if (macintosh != -1) { badIE = 1; }
if (browserVer < 4) { badIE = 1; }
}

</script>



<div ID="a0" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a1" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a2" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a3" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a4" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a5" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a6" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a7" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a8" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a9" align="center"><img src="swirl.gif" height="9" width="9"></div>





4- اضغط على صورة الدائرة الصغيرة باليمين ثم حفظ باسم و ارفعها الى مجلد صفحة السكربت




أغلق هذه الصفحة