كوديدور ورا الفاره
<body bgcolor="#000000">
<head<head>
<SCRIPT language=JavaScript>
<!-- Begin
if (document.all) {
//Things you can alter
yourLogo = "WELCOME TO SADAAGROUP "; //Not less than 2 letters!
logoFont = "IMPACT";
logoColor = "YELLOW";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
// End -->
</SCRIPT>
نص يغير لونه عدت مرات
<div align="center"><p><script language="JavaScript1.2" type="text/javascript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
// Set the text to be displayed here.
var ctext = "... www.sadaagroup.com مجموعة صدى ... ";
// Set the speed of change here (in milliseconds)
var speed = 1000;
var x = 0;
var color = new initArray(
// Set the colours to be used here
"red",
"purple",
"blue",
"green",
"black",
"orange"
);
if(navigator.appName == "Netscape") {
document.write('<layer id="c"><center>'+ctext+'</center></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<div id="c"><center>'+ctext+'</center></div>');
}
function chcolor(){
if(navigator.appName == "Netscape") {
document.c.document.write('<center><font color="'+color[x]);
document.c.document.write('">'+ctext+'</font></center>');
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",1000);
// End -->
</script></p></div><br>
نافذة من غير إطارات أو شريط تمرير تفتح عند الضغط على وصلة
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp() {
props=window.open('ضع عنوان الصفحة هنا', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50');
}
// End -->
</script>
<A HREF="javascript:popUp()">اضغط هنا </A>
نافذة من غير إطارات أو شريط تمرير تظهر تلقائياً عن فتح الصفحة ( كنوافذ الإعلانات )
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp() {
props=window.open('ضع عنوان الصفحة هنا', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50');
}
// End -->
</script>
<BODY onLoad="javascript:popUp()">
نص يظهر ثم يختفي
<HEAD>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4));
var count = 0, count2 = 0, add1 = 3, add2 = 10, timerID;
function show() {
if (ie4) {
count += add1;
count2 += add2;
delay = 30;
if(count2 > 100) count2 = 100;
if(count > 100) {
count = 100;
add1 = -10;
add2 = -3;
delay = 350;
}
if(count < 0) count = 0;
if(count2 < 0) {
count2 = 0;
add1 = 3;
add2 = 10;
delay = 200;
}
fader.style.filter = "Alpha(Opacity="+count2+",FinishOpacity="+count+", style=2)";
timerID = setTimeout("show()", delay);
}
}
window.onload = show;
// End -->
</script>
</HEAD>
<BODY>
<center>
<div id="fader" style="width:480; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)">
<h1>
<font family="Tahoma" color="maroon" size="+2">
نرحب بكم في موقعنا
<p>
مجموعة صدى
</font>
</h1>
</div>
</center>
ظل للنص
<SPAN style="position: absolute; left: 188; font-size: 35pt; filter: shadow(color=#80FF80, direction=135); z-index: -1; top: 170; width: 423; height: 58">
<p align="center"><font color="#FF8000" face="Tahoma"><b>موقع</b></font><font
face="Tahoma"><b> </b></font><font color="#FF8000" face="Tahoma"><b>مجموعة صدى</b></font>
</SPAN></p>
<p align="center"><a href="/cgi-bin/framed/1959/"><font
color="#FF00FF" size="4"><strong>www.sadaagroup.com</strong></font></a></p>
ألعاب نارية
<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;back ground:#ffffff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#00ff00;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#FF0000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#ffffff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:2px;height:2px;back ground:#ff00ff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;back ground:#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.bo dy.scrollLeft;
}
else if (document.layers)
{
Dleft=window.innerWidth-100;
Dtop=window.innerHeight-100;
Mtop=Math.round(Math.random()*Dtop+window.pageYOff set);
Mleft=Math.round(Math.random()*Dleft+window.pageXO ffset);
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>
تأثير آلة كاتبة
<script language="JavaScript1.2">
/*
Typing Text Script-
Last updated: 99/06/17
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
var it=0
function initialize(){
mytext=typing.innerText
var myheight=typing.offsetHeight
typing.innerText=''
document.all.typing.style.height=myheight
document.all.typing.style.visibility="visible"
typeit()
}
function typeit(){
typing.insertAdjacentText("beforeEnd",mytext.charA t(it))
if (it<mytext.length-1){
it++
setTimeout("typeit()",100)
}
else
return
}
if (document.all)
document.body.onload=initialize
</script>
<span id="typing" style="visibility:hidden" align="left">مرحباً بكم في موقع مجموعة صدى...
</span></font></b></p>
ساعة في أسفل الجهة اليمنى للصفحة
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD>
<style type="text/css">
<!--
.tick2 { font-size: "x-small"}
-->
</style>
<script>
<!--
function show2(){
if (!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
tick2.innerHTML="<style='font-size:2;color:blue;'>"+ctime+"</style>"
setTimeout("show2()",1000)
}
//-->
</script>
<TITLE>F O R M S</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#7b68ee" link="#7b68ee" vlink="#7b68ee" onLoad="show2()">
<P> <BR><CENTER>انظر الى الساعة فى الجهة اليمنى</CENTER><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR>
<script language="JavaScript">
var IW= 0;
var IH= 0;
var PX= 0;
var PY= 0;
var ZIN= 0;
var us= null;
var IMGW= 50;
var IMGH= 25;
var LSAFETY= 20;
var TSAFETY= 17;
function branding() {
oldIW= IW;
oldIH= IH;
oldPX= PX;
oldPY= PY;
if (navigator.appName == 'Netscape') {
if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY))
{
if (us == null)
{
for (i=0; i<document.layers.length; i++)
{
us= document.layers[i];
if (us.id == "Valley")
break;
}
}
if (us != null)
{
us.visibility= "hide";
IH= window.innerHeight;
IW= window.innerWidth;
PX= window.pageXOffset;
PY= window.pageYOffset;
(IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0;
(IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0;
//alert('document.layers.length: ' + document.layers.length);
for (i=0; i<document.layers.length; i++)
{
templay= document.layers[i];
// alert('document.layers[' + i + '].id: ' + document.layers[i].id);
if (templay.zIndex > ZIN)
ZIN= (templay.zIndex + 1);
}
us.zIndex= ZIN;
us.visibility= "show";
}
}
}
else{
if (navigator.appVersion.indexOf("Mac") == -1)
{
if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY)) {
alldivs= document.all.tags("DIV");
if (us == null){
for (i=0; i<alldivs.length; i++)
{
us= alldivs(i);
if (us.id == "Valley")
break;
}
}
if (us != null){
us.style.display= "none";
IH= document.body.clientHeight;
IW= document.body.clientWidth;
PX= document.body.scrollLeft;
PY= document.body.scrollTop;
us.style.top= (IH+PY-(IMGH+TSAFETY)+12);
us.style.left=(IW+PX-(IMGW+LSAFETY)+15);
for (i=0; i<alldivs.length; i++){
templay= alldivs(i);
if (templay.style.zIndex > ZIN)
us.style.zindex= (templay.style.zIndex + 1);
}
us.style.display= "";
}
}
}
}
}
if ((document.all) || (document.layers)){
setInterval("branding()",100);
}
</SCRIPT>
<DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right">
<span id=tick2 class=tick2> </span>
</DIV>
</BODY>
</HTML>
ساعة
<BODY onunload="stopTimer()" onLoad="startTimer()" >
<SCRIPT> <!-- hide from non JS browsers.
//Define a couple of global variables.
var timerID = null
var timerRunning = false
function stopTimer(){
//stop the clock
if(timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function startTimer(){
// Stop the clock (in case it's running), then make it go.
stopTimer()
runClock()
}
function runClock(){
document.clock.face.value = timeNow()
//Notice how setTimeout() calls its own calling function, runClock().
timerID = setTimeout("runClock()",1000)
timerRunning = true
}
function timeNow() {
//Grabs the current time and formats it into hh:mm:ss am/pm format.
now = new Date()
hours = now.getHours()
minutes = now.getMinutes()
seconds = now.getSeconds()
timeStr = "" + ((hours > 12) ? hours - 12 : hours)
timeStr += ((minutes < 10) ? ":0" : ":") + minutes
timeStr += ((seconds < 10) ? ":0" : ":") + seconds
timeStr += (hours >= 12) ? " PM" : " AM"
return timeStr
}
// End of custom functions, stop hiding code -->
</SCRIPT>
<p>
<font size=+1>Clock 2</font><hr>
This clock will tell the time. The javascript updates the clock every 1000 milliseconds.<p>
<CENTER><P><FORM NAME="clock"><INPUT TYPE="text" NAME="face" SIZE=11></FORM><p>
</body>
عبارة وامضة على المسطرة
<script language="JavaScript">
<!--
var x = 0
var speed = 300
var text = "مرحبا بك في موقع مجموعة صدى"
function Blinky() {
window.status = text
setTimeout("Blinky2()", speed)
}
function Blinky2() {
window.status = " "
setTimeout("Blinky()", speed)
}
Blinky()
//-->
//http://www.sadaagroup.com
</script>
لينك متحرك
<a href="http://www.sadaagroup.com"><marquee width=100% behavior=alternate direction=left align=middle border=3>موقع مجموعة صدى</marquee></a>
ــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــ
جملع تتبع الفارهـ
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>
<script>
/*
Alornnas www.Alornnas.com
*/
var x,y
var step=20
var flag=0
// Your snappy message. Important: the space at the end of the sentence!!!
var message=" @@@Alornnas@@@"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
العرض العادي
