Eyesonly4ever
07-30-2004, 12:38 AM
السلام عليكم..
بعد ان جمعت كمية هائلة من السكربتات فكرت بأن اضعها هنا في هذا المنتدى لأعضائه الطيبين
وساضع مع كل سكربت الشرح المفصل بتاعه..
يلة تفضلوا:-
اولاً:-هذا السكربت وظيقته تغيير الصورة عند الوقوف عليها..
وذلك بوضع اسم الصورة الأولى في المكان المخصص الذي هو موضح في السكربت وبعدها الصورة الثانية.
<!-- TWO STEPS TO INSTALL PRELOAD IMAGES:
1. Paste the first into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://www.Abukhaled.cjb.net -->
<!-- Begin
image1 = new Image();
image1.src = "الصورة الثانية";
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert this code into the BODY of your HTML document -->
<BODY>
<a href="العنوان" onmouseover="image1.src='الصورة الثانية';"
onmouseout="image1.src='الصورة الأولى';">
<img name="image1" src="الصورة الأولى" border=0></a>
</BODY>
ثانياً:-هذا السكربت هو عبارة عن كود اضافة موقعك الى المفضلة..
<font color="#008080" size="4"><strong><script
language="JavaScript"><!--
// This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {
var url="http://www.abukhaled.cjb.net";
var title="[ أبو خالد ]";
document.write('<A HREF="javascript:window.ext');
document.write('ernal.AddFavorite(url,title);" ');
document.write('onMouseOver=" window.status=');
document.write("'اضفنا لقائمة مواقعك المفضلة'; return true ");
document.write('"onMouseOut=" window.status=');
document.write("' '; return true ");
document.write('">اضف موقعي للمفضلة</a>');
}
else {
var msg = "Don't forget to bookmark us!";
if(navigator.appName == "Netscape") msg += " (CTRL-D)";
document.write(msg);
}
// End
// --></script></strong></font>
<p align="center"><a href="http://www.abukhaled.cjb.net"><font size="3"
face="arial"><strong>Abukhaled</strong></font></a><strong> </strong></p>
<p><!-- Script Size: 0.91 KB --> </p>
ثالثاً:-هذا السكربت عبارة عن حروف تتبع المؤشر وجميلة .. ((ضع الكود في منطقة الجسم))
<HEAD>
<style>.spanstyle {
COLOR: Red; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var x, y;
var step = 10;
var flag = 0;
var message = "JavaScript is so cool !! ";
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()", 10);
}
// End -->
</script>
</HEAD>
<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
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 -->
</script>
</BODY>
رابعاً:-هذا السكربت جميل جداً فهو يقوم بتضليل الصفحة (اي تحويل لونها تدريجياً من الأبيض الى الأسود بصورة رائعة و تصلح ان تكون باك كراوند ) ..
<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">
Thanks for visiting
<p>
Al Nadeem
</font>
</h1>
</div>
</center>
خامساً:-هذا السكربت يقوم بحساب الوقت الذي امضيته على الصفحة ويخبرك به عند الظعط على الزر.. فيكة....
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var onHours = " ";
var onMinutes = " ";
var onSeconds = " ";
var offHours = 0;
var offMinutes = 0;
var offSeconds = 0;
var logSeconds = 0;
var logMinutes = 0;
var logHours = 0;
var OnTimeValue = " ";
var OffTimeValue = " ";
var PageTimeValue = " ";
function getLogonTime() {
var now = new Date();
var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
var Hours = now.getHours();
Hours = ((Hours > 12) ? Hours - 12 : Hours);
var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
OnTimeValue =(" "
+ Hours
+ Minutes
+ Seconds
+ " "
+ ampm);
onHours = now.getHours();
onMinutes = now.getMinutes();
onSeconds = now.getSeconds();
}
function getLogoffTime() {
var now = new Date();
var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
var Hours = now.getHours();
Hours = ((Hours > 12) ? Hours - 12 : Hours);
var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
OffTimeValue =(" "
+ Hours
+ Minutes
+ Seconds
+ " "
+ ampm);
offHours = now.getHours();
offMinutes = now.getMinutes();
offSeconds = now.getSeconds();
timer();
}
function timer() {
if (offSeconds >= onSeconds) {
logSeconds = offSeconds - onSeconds; }
else {
offMinutes -= 1;
logSeconds = (offSeconds + 60) - onSeconds;
}
if (offMinutes >= onMinutes) {
logMinutes = offMinutes - onMinutes; }
else {
offHours -= 1;
logMinutes = (offMinutes + 60) - onMinutes;
}
logHours = offHours - onHours;
logHours = ((logHours < 10) ? "0" : ":") + logHours;
logMinutes = ((logMinutes < 10) ? ":0" : ":") + logMinutes;
logSeconds = ((logSeconds < 10) ? ":0" : ":") +logSeconds;
PageTimeValue =(" "
+ logHours
+ logMinutes
+ logSeconds);
displayTimes();
}
function displayTimes() {
alert("\nLOG ON TIME : " +OnTimeValue+"\n\nLOG OFF TIME : "+OffTimeValue+"\n\nTIME ON PAGE : " + PageTimeValue);
}
// End -->
</SCRIPT>
</HEAD>
<BODY onLoad="getLogonTime()">
<CENTER>
<FORM>
<INPUT TYPE="button" value="Time on Page" onClick="getLogoffTime()">
</FORM>
</CENTER>
سادساً:-هذا السكربت عبارة عن عنوان يظهر في الأعلى بصورة متقطعة جميل جداً ((مثل الفلاش))..
<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">
Thanks for visiting
<p>
Al Nadeem
</font>
</h1>
</div>
</center>
سابعاً:-هذا السكربت عبارة عن عنوان يظهر بصورة متقطعة في البار الأسفل لصفحتك..ضع الكود في منطقة الرأس..
<script language="JavaScript">
<!--
var x = 0
var speed = 300
var text = "Welcome to Abu khaled"
function Blinky() {
window.status = text
setTimeout("Blinky2()", speed)
}
function Blinky2() {
window.status = " "
setTimeout("Blinky()", speed)
}
Blinky()
//-->
//http://www.abukhaled.cjb.net
</script>
<p align="center"><font color="#800080" size="4"><strong></strong></font> </p>
<p align="center"><font color="#800080" size="4"><strong></strong></font> </p>
ثامناً:-هذا السكربت عبارة عن كود يطلب الأسم ثم يقوم بوضح تحية لأسمك..
<SCRIPT language="JavaScript">
<!--
var yourname= prompt(':مرحبا الرجاء ادخال الاسم', ' ');
if ( (yourname==' ') || (yourname==null) )
{
yourname="Dude";
}
//-->
</SCRIPT>
تاسعاً:-هذا السكربت عبارة عن آالة حاسبة جميلة جداً...
<script>
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}
</script>
<p align="center"><font color="#000000" size="3"
face="Verdana, Arial, Helvetica, sans-serif"><strong>THE BASIC
CALCULATOR</strong></font><strong> </strong></p>
<form name="calc">
<div align="center"><center><table border="1"
bgcolor="#FFEAFF">
<tr>
<td colspan="4"><input type="text" size="30"
name="expr" action="compute(this.form)"> </td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 7 " onclick="enter(this.form, seven)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 8 " onclick="enter(this.form, eight)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 9 " onclick="enter(this.form, nine)"> </p>
</td>
<td><p align="center"><input type="button"
value=" / " onclick="enter(this.form, divide)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 4 " onclick="enter(this.form, four)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 5 " onclick="enter(this.form, five)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 6 " onclick="enter(this.form, six)"> </p>
</td>
<td><p align="center"><input type="button"
value=" * " onclick="enter(this.form, multiply)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 1 " onclick="enter(this.form, one)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 2 " onclick="enter(this.form, two)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 3 " onclick="enter(this.form, three)"> </p>
</td>
<td><p align="center"><input type="button"
value=" - " onclick="enter(this.form, minus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" 0 "
onclick="enter(this.form, zero)"> </p>
</td>
<td><p align="center"><input type="button"
value=" . " onclick="enter(this.form, decimal)"> </p>
</td>
<td><p align="center"><input type="button"
value=" + " onclick="enter(this.form, plus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" = "
onclick="compute(this.form)"> </p>
</td>
<td colspan="2"><p align="center"><input type="reset"
value="AC" onclick="clear(this.form)"> </p>
</td>
</tr>
</table>
</center></div>
</form>
<p align="center"> </p>
<p align="center"><a href="http://www.khayma.com/manayr/"><font
size="4"><strong>manayr.cjb.net</strong></font></a></p>
<p align="center"> </p>
<p> </p>
</body>
</html>
عاشراً:-هذا السكربت يقوم بوضع لنكات مختلفة تتغير كل مرة تدخل الصفحة فيها.. مفيد جداً..
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var links = 12; //ضع هنا عدد اللينكات الموجوده بالسكريبت
var date = new Date();
var rd = date.getSeconds();
var ra = rd % links;
var re = ++ra;
var url = "document.write(re)";
var text = "";
if (re == 1) {
url = "http://Stop.at/Alnadeem";
text = "Al Nadeem Web Site";
}
if (re == 2) {
url = "http://www.alkathiry.net/";
text = "Mr Discovery";
}
if (re == 3) {
url = "http://www.ditnet.co.ae/arabic/";
text = "DIT Network";
}
if (re == 4) {
url = "http://www.microsoft.com/";
text = "Microsoft, Inc.";
}
if (re == 5) {
url = "http://www.gitexcairo.com/";
text = "Gitex Cairo 2000";
}
if (re == 6) {
url = "http://www.hotbot.com";
text = "HotBots Search Engine";
}
if (re == 7) {
url = "http://www.internet.com";
text = "Internet.com";
}
if (re == 8) {
url = "http://www.altavista.digital.com";
text = "Digital Altavista - A Search Engine";
}
if (re == 9) {
url = "http://www.webdiner.com/";
text = "Web Diner - Help on the Web";
}
if (re == 10) {
url = "http://www.smartclicks.com/";
text = "SmartClicks - Free advertising on the Web";
}
if (re == 11) {
url = "http://www.trailerpark.com/flamingo/chowch/aj/";
text = "Awards Jungle - One Stop Awards Submission";
}
if (re == 12) {
url = "http://www.geocities.com/";
text = "Geocities - Get a FREE web site";
}
var link="<A TARGET=\"_top\" HREF=\""+url+"\" onMouseOver=\"window.status='"+text+"'\">"+text+"</A>";
document.write(link);
// End -->
</SCRIPT>
11-هذا السكربت يقوم بوضع لينك يفتح من دون الظغط عليه فقط بوضع المؤشر..فيكة..ويمكنك التعديل فيه ..
<a href="" onmouseover="parent.location='http://www.abukhaled.cjb.net/'">موقع ابوخالد</A>
12-هذا السكربت يقوم بوضع كرات تتبع المؤشر و جميلة جداً..
<BODY>
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init() {
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
// I only know how to read the locations of the
// <LI> items in IE
//skip this for now
// setInitPositions(dots)
}
// set their positions
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
// start right away since they are positioned
// at 0, 0
startanimate();
} else {
// let dots sit there for a few seconds
// sincey they're hiding on the real bullets
setTimeout("startanimate()", 3000);
}
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
// This is to line up the bullets with actual LI tags on the page
function setInitPositions(dots) {
// initialize dot positions to be on top
// of the bullets in the <ul>
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
// put 0th dot above 1st (it is hidden)
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
// just save mouse position for animate() to use
function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
// just save mouse position for animate() to use
function MoveHandlerIE() {
Xpos = window.event.x;
Ypos = window.event.y;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y) {
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring) {
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
// dots[0] follows the mouse,
// though no dot is drawn there
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
// air resisitance/friction
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
// compute new accel, including gravity
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);
// compute new velocity
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
// stop dead so it doesn't jitter when nearly still
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
// move to new position
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
// get size of window
var height, width;
if (isNetscape) {
height = window.innerHeight;
width = window.innerWidth;
} else {
height = document.body.clientHeight;
width = document.body.clientWidth;
}
// bounce of 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
// move img to new position
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
// End -->
</script>
13-هذا السكربت يقوم بمنع خاصية الزر الأيمن لتحمي صورك من السرقة..
<script language="Javascript1.2">
var mymessage = "حقوق الطبع محفوظة";
function rtclickcheck(keyp){
if (navigator.appName == "Netscape" && keyp.which == 3) {
alert(mymessage);
return false;
}
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {
alert(mymessage);
return false;
}
}
document.onmousedown = rtclickcheck
//-->
</script>
14-هذا السكربت يقوم بوضع صورة انت تحددها تتبع المؤشر .. جميلة جداً..
<p align="center">
<script language="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://go.to/Mr.T -->
B=document.all;
C=document.layers;
T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.gif",16,16,"trail6.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.c lientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// --></script> </p>
15-هذا السكربت يقوم بوضع تحية حسب الوقت لزوار موقعك.. جميل جداً..
<script LANGUAGE="JavaScript">
<!--
currentTime = new Date();
if (currentTime.getHours() < 12)
document.write("صباح الخير");
else if (currentTime.getHours() < 17)
document.write("مساء الخير");
else
document.write("عمت مساءا");
//-->
</script>
16-هذا السكربت يقوم بوضع كلمة في البار الأسفل للصفحة (( كوووووووووووووول))..
<script language="Javascript">
<!--
var text = "www.abukhaled.cjb.net"
var speed = 200
var x = 0
function bb() {
var a = text.substring(0,x)
var b = text.substring(x,x+1).toUpperCase()
var c = text.substring(x+1,text.length)
window.status = a + b + c
if (x == text.length) {
x = 0
}
else {
x++
}
setTimeout("bb()",speed)
}
bb();
//http://www.abukhaled.cjb.net
//-->
</script>
ارجو ان تنال رضاكم وارجو الرد لأعرف رأيكم بها و السلام عليكم
بعد ان جمعت كمية هائلة من السكربتات فكرت بأن اضعها هنا في هذا المنتدى لأعضائه الطيبين
وساضع مع كل سكربت الشرح المفصل بتاعه..
يلة تفضلوا:-
اولاً:-هذا السكربت وظيقته تغيير الصورة عند الوقوف عليها..
وذلك بوضع اسم الصورة الأولى في المكان المخصص الذي هو موضح في السكربت وبعدها الصورة الثانية.
<!-- TWO STEPS TO INSTALL PRELOAD IMAGES:
1. Paste the first into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://www.Abukhaled.cjb.net -->
<!-- Begin
image1 = new Image();
image1.src = "الصورة الثانية";
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert this code into the BODY of your HTML document -->
<BODY>
<a href="العنوان" onmouseover="image1.src='الصورة الثانية';"
onmouseout="image1.src='الصورة الأولى';">
<img name="image1" src="الصورة الأولى" border=0></a>
</BODY>
ثانياً:-هذا السكربت هو عبارة عن كود اضافة موقعك الى المفضلة..
<font color="#008080" size="4"><strong><script
language="JavaScript"><!--
// This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {
var url="http://www.abukhaled.cjb.net";
var title="[ أبو خالد ]";
document.write('<A HREF="javascript:window.ext');
document.write('ernal.AddFavorite(url,title);" ');
document.write('onMouseOver=" window.status=');
document.write("'اضفنا لقائمة مواقعك المفضلة'; return true ");
document.write('"onMouseOut=" window.status=');
document.write("' '; return true ");
document.write('">اضف موقعي للمفضلة</a>');
}
else {
var msg = "Don't forget to bookmark us!";
if(navigator.appName == "Netscape") msg += " (CTRL-D)";
document.write(msg);
}
// End
// --></script></strong></font>
<p align="center"><a href="http://www.abukhaled.cjb.net"><font size="3"
face="arial"><strong>Abukhaled</strong></font></a><strong> </strong></p>
<p><!-- Script Size: 0.91 KB --> </p>
ثالثاً:-هذا السكربت عبارة عن حروف تتبع المؤشر وجميلة .. ((ضع الكود في منطقة الجسم))
<HEAD>
<style>.spanstyle {
COLOR: Red; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var x, y;
var step = 10;
var flag = 0;
var message = "JavaScript is so cool !! ";
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()", 10);
}
// End -->
</script>
</HEAD>
<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
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 -->
</script>
</BODY>
رابعاً:-هذا السكربت جميل جداً فهو يقوم بتضليل الصفحة (اي تحويل لونها تدريجياً من الأبيض الى الأسود بصورة رائعة و تصلح ان تكون باك كراوند ) ..
<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">
Thanks for visiting
<p>
Al Nadeem
</font>
</h1>
</div>
</center>
خامساً:-هذا السكربت يقوم بحساب الوقت الذي امضيته على الصفحة ويخبرك به عند الظعط على الزر.. فيكة....
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var onHours = " ";
var onMinutes = " ";
var onSeconds = " ";
var offHours = 0;
var offMinutes = 0;
var offSeconds = 0;
var logSeconds = 0;
var logMinutes = 0;
var logHours = 0;
var OnTimeValue = " ";
var OffTimeValue = " ";
var PageTimeValue = " ";
function getLogonTime() {
var now = new Date();
var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
var Hours = now.getHours();
Hours = ((Hours > 12) ? Hours - 12 : Hours);
var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
OnTimeValue =(" "
+ Hours
+ Minutes
+ Seconds
+ " "
+ ampm);
onHours = now.getHours();
onMinutes = now.getMinutes();
onSeconds = now.getSeconds();
}
function getLogoffTime() {
var now = new Date();
var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
var Hours = now.getHours();
Hours = ((Hours > 12) ? Hours - 12 : Hours);
var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
OffTimeValue =(" "
+ Hours
+ Minutes
+ Seconds
+ " "
+ ampm);
offHours = now.getHours();
offMinutes = now.getMinutes();
offSeconds = now.getSeconds();
timer();
}
function timer() {
if (offSeconds >= onSeconds) {
logSeconds = offSeconds - onSeconds; }
else {
offMinutes -= 1;
logSeconds = (offSeconds + 60) - onSeconds;
}
if (offMinutes >= onMinutes) {
logMinutes = offMinutes - onMinutes; }
else {
offHours -= 1;
logMinutes = (offMinutes + 60) - onMinutes;
}
logHours = offHours - onHours;
logHours = ((logHours < 10) ? "0" : ":") + logHours;
logMinutes = ((logMinutes < 10) ? ":0" : ":") + logMinutes;
logSeconds = ((logSeconds < 10) ? ":0" : ":") +logSeconds;
PageTimeValue =(" "
+ logHours
+ logMinutes
+ logSeconds);
displayTimes();
}
function displayTimes() {
alert("\nLOG ON TIME : " +OnTimeValue+"\n\nLOG OFF TIME : "+OffTimeValue+"\n\nTIME ON PAGE : " + PageTimeValue);
}
// End -->
</SCRIPT>
</HEAD>
<BODY onLoad="getLogonTime()">
<CENTER>
<FORM>
<INPUT TYPE="button" value="Time on Page" onClick="getLogoffTime()">
</FORM>
</CENTER>
سادساً:-هذا السكربت عبارة عن عنوان يظهر في الأعلى بصورة متقطعة جميل جداً ((مثل الفلاش))..
<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">
Thanks for visiting
<p>
Al Nadeem
</font>
</h1>
</div>
</center>
سابعاً:-هذا السكربت عبارة عن عنوان يظهر بصورة متقطعة في البار الأسفل لصفحتك..ضع الكود في منطقة الرأس..
<script language="JavaScript">
<!--
var x = 0
var speed = 300
var text = "Welcome to Abu khaled"
function Blinky() {
window.status = text
setTimeout("Blinky2()", speed)
}
function Blinky2() {
window.status = " "
setTimeout("Blinky()", speed)
}
Blinky()
//-->
//http://www.abukhaled.cjb.net
</script>
<p align="center"><font color="#800080" size="4"><strong></strong></font> </p>
<p align="center"><font color="#800080" size="4"><strong></strong></font> </p>
ثامناً:-هذا السكربت عبارة عن كود يطلب الأسم ثم يقوم بوضح تحية لأسمك..
<SCRIPT language="JavaScript">
<!--
var yourname= prompt(':مرحبا الرجاء ادخال الاسم', ' ');
if ( (yourname==' ') || (yourname==null) )
{
yourname="Dude";
}
//-->
</SCRIPT>
تاسعاً:-هذا السكربت عبارة عن آالة حاسبة جميلة جداً...
<script>
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}
</script>
<p align="center"><font color="#000000" size="3"
face="Verdana, Arial, Helvetica, sans-serif"><strong>THE BASIC
CALCULATOR</strong></font><strong> </strong></p>
<form name="calc">
<div align="center"><center><table border="1"
bgcolor="#FFEAFF">
<tr>
<td colspan="4"><input type="text" size="30"
name="expr" action="compute(this.form)"> </td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 7 " onclick="enter(this.form, seven)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 8 " onclick="enter(this.form, eight)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 9 " onclick="enter(this.form, nine)"> </p>
</td>
<td><p align="center"><input type="button"
value=" / " onclick="enter(this.form, divide)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 4 " onclick="enter(this.form, four)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 5 " onclick="enter(this.form, five)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 6 " onclick="enter(this.form, six)"> </p>
</td>
<td><p align="center"><input type="button"
value=" * " onclick="enter(this.form, multiply)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 1 " onclick="enter(this.form, one)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 2 " onclick="enter(this.form, two)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 3 " onclick="enter(this.form, three)"> </p>
</td>
<td><p align="center"><input type="button"
value=" - " onclick="enter(this.form, minus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" 0 "
onclick="enter(this.form, zero)"> </p>
</td>
<td><p align="center"><input type="button"
value=" . " onclick="enter(this.form, decimal)"> </p>
</td>
<td><p align="center"><input type="button"
value=" + " onclick="enter(this.form, plus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" = "
onclick="compute(this.form)"> </p>
</td>
<td colspan="2"><p align="center"><input type="reset"
value="AC" onclick="clear(this.form)"> </p>
</td>
</tr>
</table>
</center></div>
</form>
<p align="center"> </p>
<p align="center"><a href="http://www.khayma.com/manayr/"><font
size="4"><strong>manayr.cjb.net</strong></font></a></p>
<p align="center"> </p>
<p> </p>
</body>
</html>
عاشراً:-هذا السكربت يقوم بوضع لنكات مختلفة تتغير كل مرة تدخل الصفحة فيها.. مفيد جداً..
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var links = 12; //ضع هنا عدد اللينكات الموجوده بالسكريبت
var date = new Date();
var rd = date.getSeconds();
var ra = rd % links;
var re = ++ra;
var url = "document.write(re)";
var text = "";
if (re == 1) {
url = "http://Stop.at/Alnadeem";
text = "Al Nadeem Web Site";
}
if (re == 2) {
url = "http://www.alkathiry.net/";
text = "Mr Discovery";
}
if (re == 3) {
url = "http://www.ditnet.co.ae/arabic/";
text = "DIT Network";
}
if (re == 4) {
url = "http://www.microsoft.com/";
text = "Microsoft, Inc.";
}
if (re == 5) {
url = "http://www.gitexcairo.com/";
text = "Gitex Cairo 2000";
}
if (re == 6) {
url = "http://www.hotbot.com";
text = "HotBots Search Engine";
}
if (re == 7) {
url = "http://www.internet.com";
text = "Internet.com";
}
if (re == 8) {
url = "http://www.altavista.digital.com";
text = "Digital Altavista - A Search Engine";
}
if (re == 9) {
url = "http://www.webdiner.com/";
text = "Web Diner - Help on the Web";
}
if (re == 10) {
url = "http://www.smartclicks.com/";
text = "SmartClicks - Free advertising on the Web";
}
if (re == 11) {
url = "http://www.trailerpark.com/flamingo/chowch/aj/";
text = "Awards Jungle - One Stop Awards Submission";
}
if (re == 12) {
url = "http://www.geocities.com/";
text = "Geocities - Get a FREE web site";
}
var link="<A TARGET=\"_top\" HREF=\""+url+"\" onMouseOver=\"window.status='"+text+"'\">"+text+"</A>";
document.write(link);
// End -->
</SCRIPT>
11-هذا السكربت يقوم بوضع لينك يفتح من دون الظغط عليه فقط بوضع المؤشر..فيكة..ويمكنك التعديل فيه ..
<a href="" onmouseover="parent.location='http://www.abukhaled.cjb.net/'">موقع ابوخالد</A>
12-هذا السكربت يقوم بوضع كرات تتبع المؤشر و جميلة جداً..
<BODY>
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init() {
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
// I only know how to read the locations of the
// <LI> items in IE
//skip this for now
// setInitPositions(dots)
}
// set their positions
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
// start right away since they are positioned
// at 0, 0
startanimate();
} else {
// let dots sit there for a few seconds
// sincey they're hiding on the real bullets
setTimeout("startanimate()", 3000);
}
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
// This is to line up the bullets with actual LI tags on the page
function setInitPositions(dots) {
// initialize dot positions to be on top
// of the bullets in the <ul>
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
// put 0th dot above 1st (it is hidden)
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
// just save mouse position for animate() to use
function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
// just save mouse position for animate() to use
function MoveHandlerIE() {
Xpos = window.event.x;
Ypos = window.event.y;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y) {
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring) {
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
// dots[0] follows the mouse,
// though no dot is drawn there
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
// air resisitance/friction
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
// compute new accel, including gravity
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);
// compute new velocity
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
// stop dead so it doesn't jitter when nearly still
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
// move to new position
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
// get size of window
var height, width;
if (isNetscape) {
height = window.innerHeight;
width = window.innerWidth;
} else {
height = document.body.clientHeight;
width = document.body.clientWidth;
}
// bounce of 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
// move img to new position
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
// End -->
</script>
13-هذا السكربت يقوم بمنع خاصية الزر الأيمن لتحمي صورك من السرقة..
<script language="Javascript1.2">
var mymessage = "حقوق الطبع محفوظة";
function rtclickcheck(keyp){
if (navigator.appName == "Netscape" && keyp.which == 3) {
alert(mymessage);
return false;
}
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {
alert(mymessage);
return false;
}
}
document.onmousedown = rtclickcheck
//-->
</script>
14-هذا السكربت يقوم بوضع صورة انت تحددها تتبع المؤشر .. جميلة جداً..
<p align="center">
<script language="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://go.to/Mr.T -->
B=document.all;
C=document.layers;
T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.gif",16,16,"trail6.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.c lientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// --></script> </p>
15-هذا السكربت يقوم بوضع تحية حسب الوقت لزوار موقعك.. جميل جداً..
<script LANGUAGE="JavaScript">
<!--
currentTime = new Date();
if (currentTime.getHours() < 12)
document.write("صباح الخير");
else if (currentTime.getHours() < 17)
document.write("مساء الخير");
else
document.write("عمت مساءا");
//-->
</script>
16-هذا السكربت يقوم بوضع كلمة في البار الأسفل للصفحة (( كوووووووووووووول))..
<script language="Javascript">
<!--
var text = "www.abukhaled.cjb.net"
var speed = 200
var x = 0
function bb() {
var a = text.substring(0,x)
var b = text.substring(x,x+1).toUpperCase()
var c = text.substring(x+1,text.length)
window.status = a + b + c
if (x == text.length) {
x = 0
}
else {
x++
}
setTimeout("bb()",speed)
}
bb();
//http://www.abukhaled.cjb.net
//-->
</script>
ارجو ان تنال رضاكم وارجو الرد لأعرف رأيكم بها و السلام عليكم