كود يجعل الروابط تضيء
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"red",
"blue",
"green",
"purple",
"black",
"tan",
"red");
delay = .5; // seconds
link = 0;
vlink = 2;
function linkChange() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkChange()",delay*1000);
}
linkChange();
// End -->
</script>
ـــــــــــــــــــ
كود بسيط لظهور الأمثال والحكم في صفحتك وتتغير عند كل تحديث او زيارة للموقع
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var abukhaled = 12; //ضع هنا عدد الجمل الموجوده بالسكريبت
now = new Date();
var rd = now.getSeconds();
var ra = rd % abukhaled;
var re = ++ra;
var saudi = "";
if (re == 1) {
//تقدر تضيف اي عدد تبغاه بزيادة العدد بنفس الطريقة
saudi = "لايلدغ المؤمن من جحر مرتين";
}
if (re == 2) {
saudi = "لا يرمي الناس بالحجارة من كان بيته من زجاج";
}
if (re == 3) {
saudi = "اللهم علمني ما نسيت و ذكرني بما جهلت";
}
if (re == 4) {
saudi = "إن الله و ملائكته يصلون على النبي يا أيها اللذين آمنوا صلوا و سلموا عليه تسليما";
}
if (re == 5) {
saudi = "إنما الأعمال بالنيات";
}
if (re == 6) {
saudi = "**********************";
}
if (re == 7) {
saudi = "خير الامور أوسطها";
}
if (re ==
{
saudi = "***********************8";
}
if (re == 9) {
saudi = "لا إله إلا الله";
}
if (re == 10) {
saudi = "بلادي و إن جارت علي عزيزة";
}
if (re == 11) {
saudi = "إتق شر من أحسنت إليه";
}
if (re == 12) {
saudi = "لا تنسى ذكر الله";
}
var abukhaled=""+saudi+"";
document.write(abukhaled);
// End -->
</SCRIPT>
ـــــــــــــــــــ
تعريف الروابط
<STYLE>
<!--
.off
{font-family: Arial;
font-size: 16pt;
color: black;}
.over
{font-family: Arial;
font-size: 16pt;
color: red;}
.description
{font-family: Arial;
font-size: 16pt;
color: purple;}
-->
</STYLE>
<DIV class="off" onMouseOver="this.className='over';
Description.innerText='من محركات البحث المشهورة فى الانترنت'"
onMouseOut="this.className='off'; Description.innerText=' '">موقع الياهو</DIV>
<DIV class="off" onMouseOver="this.className='over';
Description.innerText='محرك بحث ودليل'"
onMouseOut="this.className='off'; Description.innerText=' '" >التافيستا</DIV>
<DIV class="off" onMouseOver="this.className='over';
Description.innerText='من اقوى محركات البحث فى الانترنت'"
onMouseOut="this.className='off'; Description.innerText=' '">الهوت بوت</DIV>
<DIV class="description" ALIGN=Left ID="Description" > </DIV>
ـــــــــــــــــــ
يجعل الرابط بخطين في الاسفل والاعلى
<html>
<head>
<title>(ASP) Protect a page with user id and password</title>
<meta name="Description" Content="Password protect a page with ASP This site helps you create a better web page. It features tutorials, tips, tricks, how-to guide, and other web design related topics, Web developers and web designers can catch up with the latest technology such as Active Server Pages, CSS Style Sheets, Dynamic HTML, and other relevant topics about web page design.">
<meta name="Keywords" Content="asp, password protect, user id and password, ASP, Active Server Pages, HTML, How To, make my pages better, Site Promotion, Web Design, Javascripts, Web Development, PSACAKE">
<meta name="resource-type" Content="Document">
<meta name="distribution" Content="global">
<meta name="Author" Content="Bryan Harrington">
<meta name="copyright" content="Copyright 2000, psacake.com">
<meta name="Category" content="General, Internet, Web Design, Active Server Pages, HTML, Services">
<meta name="REVISIT" content="Every fifteen (15) calender days">
<meta name="ROBOTS" content="INDEX, FOLLOW">
<LINK REL="Bookmark Icon" HREF="http://www.psacake.com/favicon.ico">
<LINK REL="Shortcut Icon" HREF="http://www.psacake.com/favicon.ico">
<style TYPE="text/css">
<!--
A:link {color: #003399;text-decoration:none;}
{ font-family: Arial; font-size: -1pt }
A:visited {color: #003399;text-decoration:none;}
A.bb {color: black; text-decoration:none;font-weight:bold;}
A.bb:visited {color: black; text-decoration:none;font-weight:bold;}
A:hover {color:red; text-decoration: underline & overline;}
A.bb:hover {color:red;}
-->
</style>
<meta name="Microsoft Border" content="b, default">
</head>
ـــــــــــــــــــ
تحية مع الرابط .. رائع
<html>
<head>
<title></title>
</head>
<body TEXT="#000000" BGCOLOR="#FFFFFF" background="" topmargin="5">
<div align="center"><center>
<table border="0" width="566">
<tr>
<td width="100%"><p align="center"><font face="Verdana"><big><strong></strong></big></font></p>
<p align="left"><font color="#000000" face="Verdana"><small></small></font> <script>
/*
Scrolling Image Map/Text Link Tooltip Script-
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black"><font face=verdana size=-1>'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.client X+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY +document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script> </p>
<div id="tooltip2"
style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow"
align="center"><layer name="nstip" width="1000px" bgColor="lightyellow">
</layer>
</div><a HREF="http://www.alwafi2000.com/"
onMouseover="showtip2(this,event,'مرحبا بك فى موقع الوافى')"
onMouseout="hidetip2()"><p align="center"><small><font face="Verdana">ضع الماوس هنا وشاهد التأثير</a> </font></small></p>
<hr width="80%" size="1" color="#000000">
<p align="center"><font face="Verdana"><font color="#C0C0C0"><small><small> <a href=""></a></small></small></font></font></td>
</tr>
</table>
</center></div>
</body>
</html>
ـــــــــــــــــــ
كود رائع يعطي لمعان للرابط عند تمرير الماوس
<html>
<head>
<TITLE>textlink animation onmouseover</TITLE>
<meta NAME="keywords" CONTENT="DHTML, ticker, marquee, mouse, onmouseomve, Dynamic HTML, CSS, Headline, font, style, stylesheet, download, free, samples, applet, text animation, headline, copy, ticker, scroller, JavaScript">
<meta NAME="description" CONTENT="This is the first textlink-animation worldwide. Made for IE4.x">
<script>
<!-- Beginning of JavaScript -
col = new Array()
col[0]="000000"
col[1]="111111"
col[2]="222222"
col[3]="333333"
col[4]="444444"
col[5]="555555"
col[6]="666666"
col[7]="777777"
col[8]="888888"
col[9]="999999"
col[10]="AAAAAA"
col[11]="BBBBBB"
col[12]="CCCCCC"
col[13]="DDDDDD"
col[14]="EEEEEE"
col[15]="FFFFFF"
col[16]="FFFFFF"
col[17]="DDDDDD"
col[18]="CCCCCC"
col[19]="BBBBBB"
col[20]="AAAAAA"
col[21]="999999"
col[22]="888888"
col[23]="777777"
col[24]="666666"
col[25]="555555"
col[26]="444444"
col[27]="333333"
col[28]="222222"
col[29]="111111"
col[30]="000000"
i_col=0
doani=1
var timer
var thislink
function animatelink() {
if (document.all) {
if (doani==1) {
if (i_col<=col.length-1) {
thislink.color=col[i_col]
i_col++
timer=setTimeout("animatelink()",50)
}
else {
i_col=0
timer=setTimeout("animatelink()",50)
}
}
else {
clearTimeout(timer)
}
}
}
function stopanimation() {
clearTimeout(timer)
thislink.color="000000"
doani=0
}
function startanimation(mylink) {
clearTimeout(timer)
thislink=eval("document.all."+mylink+".style")
doani=1
animatelink()
}
// - End of JavaScript - -->
</script>
<STYLE TYPE="text/css">
<!--
A { font-family: Arial,Helvetica,sans-serif; color: #000000;text-decoration:underline}
-->
</STYLE>
</head>
<body id=thisbody bgcolor=#FFFFFF>
<DIV id=mainbody style="position: absolute; top:50px; left:50px; width:450px; color: 000000;font-size:14pt;font-family:Arial;font-weight:bold"><a id="link1" href="http://www.alwafi2000.com" onMouseOver="startanimation('link1')" onMouseOut="stopanimation()" target="_blank">ضع الماوس هنا لو سمحت</a>
</body>
</html>
ـــــــــــــــــــ
رسالة تتحرك في البار العلوي .. شاهده في هذه الصفحة
<script language="JavaScript1.2">
// ************************************************** *****************
// script by drevil_nz, Michael Dillon, Christchurch New Zealand.
// Permission granted to use this script provided this credit
// remains intact. Visit my homepage www.chc.quik.co.nz/juggler/mikey.html
// Script written for Internet Explorer 4.0+.
// ************************************************** *****************
var message="مرحباً بكم فى موقع فيصل" //specifys the title
var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds.
i="0" //declares the variable and sets it to start at 0
var temptitle="" //declares the variable and sets it to have no value yet.
var speed="150" //the delay in milliseconds between letters
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i) //sets the initial title
temptitle=temptitle+message.charAt(i) //increases the title by one letter
i++ //increments the counter
if(i==message.length) //determines the end of the message
{
i="0" //resets the counter at the end of the message
temptitle="" //resets the title to a blank value
}
setTimeout("titler()",speed) //Restarts. Remove line for no-repeat.
}
window.onload=titler
</script>
ـــــــــــــــــــ
اعطاء الخيار لزوار الموقع اختيار مقاس الصفحة
<script language=javascript>
function resizeWindow(a,b){
resizeTo(a,b)
}
</script>
<title></title>
</head>
<body>
<b>اختار حجم الشاشة المناسب لك</b><br>
<form>
<input type=button name="resize0" value="640 x 480" onclick="resizeWindow(640,480)">
<input type=button name="resize1" value="400 x 200" onclick="resizeWindow(400,200)"><br>
<input type=button name="resize2" value="400 x 300" onclick="resizeWindow(400,300)">
<input type=button name="resize3" value="500 x 500" onclick="resizeWindow(500,500)"><br>
<input type=button name="resize4" value="500 x 200" onclick="resizeWindow(500,200)">
<input type=button name="resize5" value="100 x 300" onclick="resizeWindow(100,300)"><br>
<input type=button name="resize6" value="200 x 400" onclick="resizeWindow(200,400)">
<input type=button name="resize7" value="800 x 600" onclick="resizeWindow(800,600)">
</form>
ـــــــــــــــــــ
كود وظيفته تثبيت خلفية الصفحة
<script language="JavaScript1.2">
/*
Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit dynamicdrive.com
Don't forget to visit FaisaL1.com
*/
if (document.all||document.getElementById)
document.body.style.background="url('عنوان الصورة') white center no-repeat fixed"
</script>
ـــــــــــــــــــ
كود يجعل دخول الصفحة على شكل مربعات
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green;
z-index:10;
}
-->
</style>
ـــــــــــــــــــ
كود جميل يمكن العرض من خلاله أكثر من بانر عند كل تحديث
<script language="JavaScript1.2">
//Random iframe content- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, and Terms Of use, visit http://dynamicdrive.com
//This credit MUST stay intact for use
//تم النقل من قبل موقع فيصل
//www.FaisaL1.com
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
//من هنا بإمكانك تحديد مقاس البانر
var iframeprops='width=130 height=130 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"'
//Specify random URLs to display inside iframe
var randomcontent=new Array()
randomcontent[0]="عنوان البانر1"
randomcontent[1]="عنوان البانر2"
randomcontent[2]="عنوان البانر3"
randomcontent[3]="عنوان البانر4"
//No need to edit after here
if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')
function random_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
iframeobj.src=randomcontent[Math.floor(Math.random()*randomcontent.length)]
}
}
window.onload=random_iframe
</script>
ـــــــــــــــــــ
ـــــــــــــــــــ
ـــــــــــــــــــ
كود لاخر تحديث
<!-- 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>
<title>Last modified date-by Austin Wright</title>
</head>
<body>
<font face="Arial" size=1><script language="JavaScript">
<!-- Hide this script from js-challenged browsers --
var months = new Array(13);
months[1] = "January";
months[2] = "February";
months[3] = "March";
months[4] = "April";
months[5] = "May";
months[6] = "June";
months[7] = "July";
months[8] = "August";
months[9] = "September";
months[10] = "October";
months[11] = "November";
months[12] = "December";
var dateObj = new Date(document.lastModified)
var lmonth = months[dateObj.getMonth() + 1]
var fyear = dateObj.getYear()
var date = dateObj.getDate()
document.write("اخر تحديث للموقع كان فى تاريخ:" + " " + lmonth + " " + date + ", " + fyear)
// Done Hiding -->
</script></font>
</body>
</html>
<!-- Simba says Roar. -->
ـــــــــــــــــــ
كود يجعل الصفحة تمطر
<!-- ONE STEP TO INSTALL RAIN:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Matthew Musgrove ( muskrat@lvnworth.com) -->
<!-- Web Site: http://free.prohosting.com/~musgrove -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- 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>
<p><center>
<font face="arial, helvetica" size="-2"><br>
<a href="http://javascriptsource.com"></a></font>
</center><p>
<!-- Script Size: 3.14 KB -->
ـــــــــــــــــــ
كلام يخرج من اسفل الصفحة الى الاعلى ويختفي
<style type="text/css">
<!--
.textanimlink,a {
text-decoration : none;
}
P.main {
font-family : Arial;
font-size : 15pt;
font-weight : bold;
}
-->
</style>
<Script Language="Javascript">
<!-- Hiding
/*
Script created by Lefteris Haritou
(lef@the.forthnet.gr)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if ((bname=="Netscape" && bversion>=4)
(bname=="Microsoft Internet Explorer" && bversion>=4))
window.onload=start
else
stop();
window.onunload=stop
if (bname=="Netscape"){
brows=true
dt=2
}
else{
brows=false
dt=20
}
var z=0;
var msg=0;
var rgb=0;
var link=false;
var status=true;
var updwn=false;
var message= new Array();
var value=0;
var h=window.innerHeight;
var w=window.innerWidth;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)
var bgcolor="#FFFFFF"; //Color of background
var color="#00008D"; //Color of the Letters
message[0]='WELCOME IN ALWAFI'
message[1]='HOME PAGE FOR JAVA.'
message[2]='MY E-MAIL ALWAFI01@HOTMAIL.COM'
message[3]='<a href="alwafi2.htm">CLICK HERE </a>'
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)
for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}
redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;
function start(){
if ((bname=="Netscape" && bversion>=4)
(bname=="Microsoft Internet Explorer" && bversion>=4)){
link=false;
updwn=true;
if (brows)
res=document.layers['textanim'].top
else{
textanim.style.width=document.body.offsetWidth-20;
textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'
res=textanim.style.top
for (x=0; x<document.all.length; x++)
if(document.all[x].id=="textanimlink")
link=true;
}
up()
}
}
function stop(){
clearTimeout(timer1);
clearTimeout(timer2);
clearTimeout(timer3);
}
function resz(){
h=window.innerHeight;
w=window.innerWidth;
if (updwn)
timer1=setTimeout('up()',1000)
else
timer2=setTimeout('down()',1000)
}
function breakf(){
if (status){
clearTimeout(timer1);
clearTimeout(timer2);
status=false
return;
}
else{
status=true;
if (updwn)
timer1=setTimeout('up()',dt)
else
timer2=setTimeout('down()',dt)
}
}
function up(){
if (red<hred){
if ((red+7)<hred)
red+=7;
else
red=hred
redx = convert[red]
}
else{
if ((red-7)>hred)
red-=7;
else
red=hred
redx = convert[red]
}
if (green<hgreen){
if ((green+7)<hgreen)
green+=7;
else
green=hgreen
greenx = convert[green]
}
else{
if ((green-7)>hgreen)
green-=7;
else
green=hgreen
greenx = convert[green]
}
if (blue<hblue){
if ((blue+7)<hblue)
blue+=7;
else
blue=hblue
bluex = convert[blue]
}
else{
if ((blue-7)>hblue)
blue-=7;
else
blue=hblue
bluex = convert[blue]
}
rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h
window.innerWidth!=w){
clearTimeout(timer1);
resz()
return;
}
else{
document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}
if (z<38){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer1=setTimeout('up()',dt)
}
else
{
updwn=false;
down()
}
}
function down(){
if (red<ered){
if ((red+7)<ered)
red+=7;
else
red=ered
redx = convert[red]
}
else{
if ((red-7)>ered)
red-=7;
else
red=ered
redx = convert[red]
}
if (green<egreen){
if ((green+7)<egreen)
green+=7;
else
green=egreen
greenx = convert[green]
}
else{
if ((green-7)>egreen)
green-=7;
else
green=egreen
greenx = convert[green]
}
if (blue<eblue){
if ((blue+7)<eblue)
blue+=7;
else
blue=eblue
bluex = convert[blue]
}
else{
if ((blue-7)>eblue)
blue-=7;
else
blue=eblue
bluex = convert[blue]
}
rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h
window.innerWidth!=w){
clearTimeout(timer2);
resz()
return;
}
else{
document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}
if (z<76){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer2=setTimeout('down()',dt)
}
else
{
if (brows){
document.layers['textanim'].document.write('')
document.layers['textanim'].document.close();
}
else
textanim.innerHTML='';
window.clearInterval(timer2);
if(msg<message.length-1){
msg++;
z=0;
if (brows){
document.layers['textanim'].top=res;
}
else
textanim.style.top=res;
timer3=setTimeout('start()',100);
}
else
{
msg=0;
z=0;
if (brows)
document.layers['textanim'].top=res;
else
textanim.style.top=res;
timer3=setTimeout('start()',2000);
}
}
}
// done hiding -->
</Script>
<Div id="textanim" style="position: absolute; left: 0; top: 440" onclick="breakf()">
</Div>
<Layer name="textanim" left=0 top=440>
</Layer>
الموضوع منقول وله بقيه
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"red",
"blue",
"green",
"purple",
"black",
"tan",
"red");
delay = .5; // seconds
link = 0;
vlink = 2;
function linkChange() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkChange()",delay*1000);
}
linkChange();
// End -->
</script>
ـــــــــــــــــــ
كود بسيط لظهور الأمثال والحكم في صفحتك وتتغير عند كل تحديث او زيارة للموقع
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var abukhaled = 12; //ضع هنا عدد الجمل الموجوده بالسكريبت
now = new Date();
var rd = now.getSeconds();
var ra = rd % abukhaled;
var re = ++ra;
var saudi = "";
if (re == 1) {
//تقدر تضيف اي عدد تبغاه بزيادة العدد بنفس الطريقة
saudi = "لايلدغ المؤمن من جحر مرتين";
}
if (re == 2) {
saudi = "لا يرمي الناس بالحجارة من كان بيته من زجاج";
}
if (re == 3) {
saudi = "اللهم علمني ما نسيت و ذكرني بما جهلت";
}
if (re == 4) {
saudi = "إن الله و ملائكته يصلون على النبي يا أيها اللذين آمنوا صلوا و سلموا عليه تسليما";
}
if (re == 5) {
saudi = "إنما الأعمال بالنيات";
}
if (re == 6) {
saudi = "**********************";
}
if (re == 7) {
saudi = "خير الامور أوسطها";
}
if (re ==

saudi = "***********************8";
}
if (re == 9) {
saudi = "لا إله إلا الله";
}
if (re == 10) {
saudi = "بلادي و إن جارت علي عزيزة";
}
if (re == 11) {
saudi = "إتق شر من أحسنت إليه";
}
if (re == 12) {
saudi = "لا تنسى ذكر الله";
}
var abukhaled=""+saudi+"";
document.write(abukhaled);
// End -->
</SCRIPT>
ـــــــــــــــــــ
تعريف الروابط
<STYLE>
<!--
.off
{font-family: Arial;
font-size: 16pt;
color: black;}
.over
{font-family: Arial;
font-size: 16pt;
color: red;}
.description
{font-family: Arial;
font-size: 16pt;
color: purple;}
-->
</STYLE>
<DIV class="off" onMouseOver="this.className='over';
Description.innerText='من محركات البحث المشهورة فى الانترنت'"
onMouseOut="this.className='off'; Description.innerText=' '">موقع الياهو</DIV>
<DIV class="off" onMouseOver="this.className='over';
Description.innerText='محرك بحث ودليل'"
onMouseOut="this.className='off'; Description.innerText=' '" >التافيستا</DIV>
<DIV class="off" onMouseOver="this.className='over';
Description.innerText='من اقوى محركات البحث فى الانترنت'"
onMouseOut="this.className='off'; Description.innerText=' '">الهوت بوت</DIV>
<DIV class="description" ALIGN=Left ID="Description" > </DIV>
ـــــــــــــــــــ
يجعل الرابط بخطين في الاسفل والاعلى
<html>
<head>
<title>(ASP) Protect a page with user id and password</title>
<meta name="Description" Content="Password protect a page with ASP This site helps you create a better web page. It features tutorials, tips, tricks, how-to guide, and other web design related topics, Web developers and web designers can catch up with the latest technology such as Active Server Pages, CSS Style Sheets, Dynamic HTML, and other relevant topics about web page design.">
<meta name="Keywords" Content="asp, password protect, user id and password, ASP, Active Server Pages, HTML, How To, make my pages better, Site Promotion, Web Design, Javascripts, Web Development, PSACAKE">
<meta name="resource-type" Content="Document">
<meta name="distribution" Content="global">
<meta name="Author" Content="Bryan Harrington">
<meta name="copyright" content="Copyright 2000, psacake.com">
<meta name="Category" content="General, Internet, Web Design, Active Server Pages, HTML, Services">
<meta name="REVISIT" content="Every fifteen (15) calender days">
<meta name="ROBOTS" content="INDEX, FOLLOW">
<LINK REL="Bookmark Icon" HREF="http://www.psacake.com/favicon.ico">
<LINK REL="Shortcut Icon" HREF="http://www.psacake.com/favicon.ico">
<style TYPE="text/css">
<!--
A:link {color: #003399;text-decoration:none;}
{ font-family: Arial; font-size: -1pt }
A:visited {color: #003399;text-decoration:none;}
A.bb {color: black; text-decoration:none;font-weight:bold;}
A.bb:visited {color: black; text-decoration:none;font-weight:bold;}
A:hover {color:red; text-decoration: underline & overline;}
A.bb:hover {color:red;}
-->
</style>
<meta name="Microsoft Border" content="b, default">
</head>
ـــــــــــــــــــ
تحية مع الرابط .. رائع
<html>
<head>
<title></title>
</head>
<body TEXT="#000000" BGCOLOR="#FFFFFF" background="" topmargin="5">
<div align="center"><center>
<table border="0" width="566">
<tr>
<td width="100%"><p align="center"><font face="Verdana"><big><strong></strong></big></font></p>
<p align="left"><font color="#000000" face="Verdana"><small></small></font> <script>
/*
Scrolling Image Map/Text Link Tooltip Script-
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black"><font face=verdana size=-1>'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.client X+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY +document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script> </p>
<div id="tooltip2"
style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow"
align="center"><layer name="nstip" width="1000px" bgColor="lightyellow">
</layer>
</div><a HREF="http://www.alwafi2000.com/"
onMouseover="showtip2(this,event,'مرحبا بك فى موقع الوافى')"
onMouseout="hidetip2()"><p align="center"><small><font face="Verdana">ضع الماوس هنا وشاهد التأثير</a> </font></small></p>
<hr width="80%" size="1" color="#000000">
<p align="center"><font face="Verdana"><font color="#C0C0C0"><small><small> <a href=""></a></small></small></font></font></td>
</tr>
</table>
</center></div>
</body>
</html>
ـــــــــــــــــــ
كود رائع يعطي لمعان للرابط عند تمرير الماوس
<html>
<head>
<TITLE>textlink animation onmouseover</TITLE>
<meta NAME="keywords" CONTENT="DHTML, ticker, marquee, mouse, onmouseomve, Dynamic HTML, CSS, Headline, font, style, stylesheet, download, free, samples, applet, text animation, headline, copy, ticker, scroller, JavaScript">
<meta NAME="description" CONTENT="This is the first textlink-animation worldwide. Made for IE4.x">
<script>
<!-- Beginning of JavaScript -
col = new Array()
col[0]="000000"
col[1]="111111"
col[2]="222222"
col[3]="333333"
col[4]="444444"
col[5]="555555"
col[6]="666666"
col[7]="777777"
col[8]="888888"
col[9]="999999"
col[10]="AAAAAA"
col[11]="BBBBBB"
col[12]="CCCCCC"
col[13]="DDDDDD"
col[14]="EEEEEE"
col[15]="FFFFFF"
col[16]="FFFFFF"
col[17]="DDDDDD"
col[18]="CCCCCC"
col[19]="BBBBBB"
col[20]="AAAAAA"
col[21]="999999"
col[22]="888888"
col[23]="777777"
col[24]="666666"
col[25]="555555"
col[26]="444444"
col[27]="333333"
col[28]="222222"
col[29]="111111"
col[30]="000000"
i_col=0
doani=1
var timer
var thislink
function animatelink() {
if (document.all) {
if (doani==1) {
if (i_col<=col.length-1) {
thislink.color=col[i_col]
i_col++
timer=setTimeout("animatelink()",50)
}
else {
i_col=0
timer=setTimeout("animatelink()",50)
}
}
else {
clearTimeout(timer)
}
}
}
function stopanimation() {
clearTimeout(timer)
thislink.color="000000"
doani=0
}
function startanimation(mylink) {
clearTimeout(timer)
thislink=eval("document.all."+mylink+".style")
doani=1
animatelink()
}
// - End of JavaScript - -->
</script>
<STYLE TYPE="text/css">
<!--
A { font-family: Arial,Helvetica,sans-serif; color: #000000;text-decoration:underline}
-->
</STYLE>
</head>
<body id=thisbody bgcolor=#FFFFFF>
<DIV id=mainbody style="position: absolute; top:50px; left:50px; width:450px; color: 000000;font-size:14pt;font-family:Arial;font-weight:bold"><a id="link1" href="http://www.alwafi2000.com" onMouseOver="startanimation('link1')" onMouseOut="stopanimation()" target="_blank">ضع الماوس هنا لو سمحت</a>
</body>
</html>
ـــــــــــــــــــ
رسالة تتحرك في البار العلوي .. شاهده في هذه الصفحة
<script language="JavaScript1.2">
// ************************************************** *****************
// script by drevil_nz, Michael Dillon, Christchurch New Zealand.
// Permission granted to use this script provided this credit
// remains intact. Visit my homepage www.chc.quik.co.nz/juggler/mikey.html
// Script written for Internet Explorer 4.0+.
// ************************************************** *****************
var message="مرحباً بكم فى موقع فيصل" //specifys the title
var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds.
i="0" //declares the variable and sets it to start at 0
var temptitle="" //declares the variable and sets it to have no value yet.
var speed="150" //the delay in milliseconds between letters
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i) //sets the initial title
temptitle=temptitle+message.charAt(i) //increases the title by one letter
i++ //increments the counter
if(i==message.length) //determines the end of the message
{
i="0" //resets the counter at the end of the message
temptitle="" //resets the title to a blank value
}
setTimeout("titler()",speed) //Restarts. Remove line for no-repeat.
}
window.onload=titler
</script>
ـــــــــــــــــــ
اعطاء الخيار لزوار الموقع اختيار مقاس الصفحة
<script language=javascript>
function resizeWindow(a,b){
resizeTo(a,b)
}
</script>
<title></title>
</head>
<body>
<b>اختار حجم الشاشة المناسب لك</b><br>
<form>
<input type=button name="resize0" value="640 x 480" onclick="resizeWindow(640,480)">
<input type=button name="resize1" value="400 x 200" onclick="resizeWindow(400,200)"><br>
<input type=button name="resize2" value="400 x 300" onclick="resizeWindow(400,300)">
<input type=button name="resize3" value="500 x 500" onclick="resizeWindow(500,500)"><br>
<input type=button name="resize4" value="500 x 200" onclick="resizeWindow(500,200)">
<input type=button name="resize5" value="100 x 300" onclick="resizeWindow(100,300)"><br>
<input type=button name="resize6" value="200 x 400" onclick="resizeWindow(200,400)">
<input type=button name="resize7" value="800 x 600" onclick="resizeWindow(800,600)">
</form>
ـــــــــــــــــــ
كود وظيفته تثبيت خلفية الصفحة
<script language="JavaScript1.2">
/*
Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit dynamicdrive.com
Don't forget to visit FaisaL1.com
*/
if (document.all||document.getElementById)
document.body.style.background="url('عنوان الصورة') white center no-repeat fixed"
</script>
ـــــــــــــــــــ
كود يجعل دخول الصفحة على شكل مربعات
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green;
z-index:10;
}
-->
</style>
ـــــــــــــــــــ
كود جميل يمكن العرض من خلاله أكثر من بانر عند كل تحديث
<script language="JavaScript1.2">
//Random iframe content- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, and Terms Of use, visit http://dynamicdrive.com
//This credit MUST stay intact for use
//تم النقل من قبل موقع فيصل
//www.FaisaL1.com
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
//من هنا بإمكانك تحديد مقاس البانر
var iframeprops='width=130 height=130 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"'
//Specify random URLs to display inside iframe
var randomcontent=new Array()
randomcontent[0]="عنوان البانر1"
randomcontent[1]="عنوان البانر2"
randomcontent[2]="عنوان البانر3"
randomcontent[3]="عنوان البانر4"
//No need to edit after here
if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')
function random_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
iframeobj.src=randomcontent[Math.floor(Math.random()*randomcontent.length)]
}
}
window.onload=random_iframe
</script>
ـــــــــــــــــــ
ـــــــــــــــــــ
ـــــــــــــــــــ
كود لاخر تحديث
<!-- 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>
<title>Last modified date-by Austin Wright</title>
</head>
<body>
<font face="Arial" size=1><script language="JavaScript">
<!-- Hide this script from js-challenged browsers --
var months = new Array(13);
months[1] = "January";
months[2] = "February";
months[3] = "March";
months[4] = "April";
months[5] = "May";
months[6] = "June";
months[7] = "July";
months[8] = "August";
months[9] = "September";
months[10] = "October";
months[11] = "November";
months[12] = "December";
var dateObj = new Date(document.lastModified)
var lmonth = months[dateObj.getMonth() + 1]
var fyear = dateObj.getYear()
var date = dateObj.getDate()
document.write("اخر تحديث للموقع كان فى تاريخ:" + " " + lmonth + " " + date + ", " + fyear)
// Done Hiding -->
</script></font>
</body>
</html>
<!-- Simba says Roar. -->
ـــــــــــــــــــ
كود يجعل الصفحة تمطر
<!-- ONE STEP TO INSTALL RAIN:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Matthew Musgrove ( muskrat@lvnworth.com) -->
<!-- Web Site: http://free.prohosting.com/~musgrove -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- 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)


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)


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>
<p><center>
<font face="arial, helvetica" size="-2"><br>
<a href="http://javascriptsource.com"></a></font>
</center><p>
<!-- Script Size: 3.14 KB -->
ـــــــــــــــــــ
كلام يخرج من اسفل الصفحة الى الاعلى ويختفي
<style type="text/css">
<!--
.textanimlink,a {
text-decoration : none;
}
P.main {
font-family : Arial;
font-size : 15pt;
font-weight : bold;
}
-->
</style>
<Script Language="Javascript">
<!-- Hiding
/*
Script created by Lefteris Haritou
(lef@the.forthnet.gr)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if ((bname=="Netscape" && bversion>=4)

window.onload=start
else
stop();
window.onunload=stop
if (bname=="Netscape"){
brows=true
dt=2
}
else{
brows=false
dt=20
}
var z=0;
var msg=0;
var rgb=0;
var link=false;
var status=true;
var updwn=false;
var message= new Array();
var value=0;
var h=window.innerHeight;
var w=window.innerWidth;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)
var bgcolor="#FFFFFF"; //Color of background
var color="#00008D"; //Color of the Letters
message[0]='WELCOME IN ALWAFI'
message[1]='HOME PAGE FOR JAVA.'
message[2]='MY E-MAIL ALWAFI01@HOTMAIL.COM'
message[3]='<a href="alwafi2.htm">CLICK HERE </a>'
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)
for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}
redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;
function start(){
if ((bname=="Netscape" && bversion>=4)

link=false;
updwn=true;
if (brows)
res=document.layers['textanim'].top
else{
textanim.style.width=document.body.offsetWidth-20;
textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'
res=textanim.style.top
for (x=0; x<document.all.length; x++)
if(document.all[x].id=="textanimlink")
link=true;
}
up()
}
}
function stop(){
clearTimeout(timer1);
clearTimeout(timer2);
clearTimeout(timer3);
}
function resz(){
h=window.innerHeight;
w=window.innerWidth;
if (updwn)
timer1=setTimeout('up()',1000)
else
timer2=setTimeout('down()',1000)
}
function breakf(){
if (status){
clearTimeout(timer1);
clearTimeout(timer2);
status=false
return;
}
else{
status=true;
if (updwn)
timer1=setTimeout('up()',dt)
else
timer2=setTimeout('down()',dt)
}
}
function up(){
if (red<hred){
if ((red+7)<hred)
red+=7;
else
red=hred
redx = convert[red]
}
else{
if ((red-7)>hred)
red-=7;
else
red=hred
redx = convert[red]
}
if (green<hgreen){
if ((green+7)<hgreen)
green+=7;
else
green=hgreen
greenx = convert[green]
}
else{
if ((green-7)>hgreen)
green-=7;
else
green=hgreen
greenx = convert[green]
}
if (blue<hblue){
if ((blue+7)<hblue)
blue+=7;
else
blue=hblue
bluex = convert[blue]
}
else{
if ((blue-7)>hblue)
blue-=7;
else
blue=hblue
bluex = convert[blue]
}
rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h

clearTimeout(timer1);
resz()
return;
}
else{
document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}
if (z<38){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer1=setTimeout('up()',dt)
}
else
{
updwn=false;
down()
}
}
function down(){
if (red<ered){
if ((red+7)<ered)
red+=7;
else
red=ered
redx = convert[red]
}
else{
if ((red-7)>ered)
red-=7;
else
red=ered
redx = convert[red]
}
if (green<egreen){
if ((green+7)<egreen)
green+=7;
else
green=egreen
greenx = convert[green]
}
else{
if ((green-7)>egreen)
green-=7;
else
green=egreen
greenx = convert[green]
}
if (blue<eblue){
if ((blue+7)<eblue)
blue+=7;
else
blue=eblue
bluex = convert[blue]
}
else{
if ((blue-7)>eblue)
blue-=7;
else
blue=eblue
bluex = convert[blue]
}
rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h

clearTimeout(timer2);
resz()
return;
}
else{
document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}
if (z<76){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer2=setTimeout('down()',dt)
}
else
{
if (brows){
document.layers['textanim'].document.write('')
document.layers['textanim'].document.close();
}
else
textanim.innerHTML='';
window.clearInterval(timer2);
if(msg<message.length-1){
msg++;
z=0;
if (brows){
document.layers['textanim'].top=res;
}
else
textanim.style.top=res;
timer3=setTimeout('start()',100);
}
else
{
msg=0;
z=0;
if (brows)
document.layers['textanim'].top=res;
else
textanim.style.top=res;
timer3=setTimeout('start()',2000);
}
}
}
// done hiding -->
</Script>
<Div id="textanim" style="position: absolute; left: 0; top: 440" onclick="breakf()">
</Div>
<Layer name="textanim" left=0 top=440>
</Layer>
الموضوع منقول وله بقيه