اهلا وسهلا بكم في منتديات حزن العشاق .. يمنع نشر الأغاني والمسلسلات والأفلام وكافة الصور المحرّمة ويمنع نشر المواضيع الطائفية... منتدانا ذو رسالة ثقافية وسطية

الإهداءات

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:35 AM
افتراضي [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 1
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة



بسم الله الرحمن الرحيم
اقدم لكم اكبر مكتبة أكواد جافا سكربت JS على ارض حزن العشاق
باذن الله كل كود سوف يكون معه مثال للتوضيح
متعة والله أكواد الجافا

فـ البداية شرح وضع أكواد الجافا سكربت فى الصفحات
يجب فتح الصفحات بمحرر اكواد HTML
ركز يالحبيب <--- الأكواد التى تكون عبارة عن عبارات تظهر فى الصفحة مثل اجعلنا فى الصفحة الرئيسية يتم وضعه فـ الـ Body اي بين كودي <Body>

اما الأكواد التى تكون كمؤثرات يتم وضعها بعد كود <Body>

نبدأ باذن الله من المشاركة القادمة




\\\
الصور المرفقة





  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:36 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 2
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


\ كود اجعلنا صفحتك الرئيسية
وصف الكود : جملة او صورة تظهر للزائر والعضو عند الضغط عليها يتم تعيين الموقع كالصفحة الرئيسية للزائر
الكود كـ نص
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib--> <A class=chlnk style="CURSOR: hand; font-decoration: underline" onclick="this.style.behavior='url(#default#homepag e)';this.setHomePage('http://www.traidnt.net');" href="\">اجعلنا صفحتك الرئيسية</A><br><font face="Tahoma">

الكود كـ صورة
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib--> <A class=chlnk style="CURSOR: hand; font-decoration: underline" onclick="this.style.behavior='url(#default#homepag e)';this.setHomePage('http://www.traidnt.net');" href="\"><img border="0" src="http://cdn.iconfinder.net/data/icons/woothemesiconset/32/home.png" width="32" height="32"></A><br><font face="Tahoma">
التعديلات على الكود : تغيير رابط www.traidnt.net الى رابط موقعك
مثال الكود
اجعلنا صفحتك الرئيسية (لن يظهر هذا الكود فى المثال)


2 \ ظهور رساله عند دخول الزائر على الموقع
وصف الكود : جملة تظهر للزائر على هيئة صندوق به رساله ترحيب او تنبيه او ما شابه
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <html> <head> <script language="javascript" type="text/javascript"> alert("حصريًا لترايدنت") </script> </head> </html>
التعديلات على الكود : تغيير الرساله الى ما تريد
مثال الكود


3 \ منع استخدام الزر الأيمن بالموقع
وصف الكود : لمنع استخدام الزر الأيمن فى الموقع ولحفظ حقوق الموقع
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib --> </style> <SCRIPT language=JavaScript> document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { bye() } alert("معلش يا معلم بس ممنوع تستخدم الزر الأيمن هنـا"); times++ } } function bye() { alert("آخر تنبيه ليك ، لو استخدمت الزر الأيمن تاني هزعلك"); bye() } </SCRIPT>
التعديلات على الكود : تركه كما هو او تغيير الرسائل
مثال الكود : لا يحتاج
الصور المرفقة
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:37 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 3
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


4 \ تلوين السكرول بار
وصف الكود : كود جميل للتحكم فى لون الـ اسكرول بار
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999--> <STYLE>BODY { SCROLLBAR-FACE-COLOR: red; SCROLLBAR-HIGHLIGHT-COLOR: gray; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-ARROW-COLOR: gray; SCROLLBAR-TRACK-COLOR: black; SCROLLBAR-DARKSHADOW-COLOR: red } </STYLE>
التعديلات على الكود : بامكانك تغيير الألوان كما تريد بتغيير gray + red باسماء الألوان التى تريدها
مثال الكود
غير متوفر

5 \ محرك بحث خاص بالصفحة
وصف الكود : محرك بحث بسيط جميل الشكل للبحث داخل نفس الصفحة
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <SCRIPT language=JavaScript> var NS4 = (document.layers); var IE4 = (document.all); var win = window; var n = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert("Not found."); } if (IE4) { txt = win.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } else { if (n > 0) { n = 0; findInPage(str); } else alert("Sorry, we couldn't find.Try again"); } } return false; } </SCRIPT> <FORM name=search onsubmit="return findInPage(this.string.value);"> <P align=center><FONT size=3> <INPUT style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" onchange="n = 0;" size=16 name=string></FONT><BR><INPUT style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #aaaaaa" type=submit value=Search in page ><center><font size=2pt;><font family=Times New Roman;><b> <BR> </P></FORM></DIV><BR><!-- /Search-->
التعديلات على الكود : لا يوجد
مثال الكود


6 \ العاب نارية داخل الصفحة
وصف الكود : العاب نارية داخل صفحات الموقع بطريقة جميله ومتحركة ومتعددة الألوان
الكود
رمز Code:
<!-- Traidnt.net --> <!--Naderib 999--> <body bgcolor='#000000' > <!-- Start of Fireworks --> <script language="JavaScript"> <!-- IE4+, NS4+, NS6 Fireworks script by kurt.grigg@virgin.net CL=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ff a500','#ffff00','#00ff00','#ffffff','#ff00ff') CL2=new Array('#ffa500','#00ff00','#FFAAFF','#fff000','#ff fffF') Xpos=130; Ypos=130; I='#00ff00'; C=0; S=5; H=null; W=null; Y=null; NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); A=14; E=120; L=null; if (NS4){ for (i=0; i < A; i++) document.write('<LAYER NAME="nsstars'+i+'" TOP=0 LEFT=0 BGCOLOR='+I+' CLIP="0,0,2,2"></LAYER>'); } if (NS6){ window.document.body.style.overflow='hidden'; for (i=0; i < A; i++) document.write('<div id="ns6stars'+i+'" style="position:absolute;top:0px;left:0px;height:2 px;width:2px;font-size:2px;background:'+I+'"></div>'); } if (IE4){ document.write('<div id="ie" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < A; i++) document.write('<div id="iestars" style="position:absolute;top:0;left:0;width:2px;he ight:2px;background:'+I+';font-size:2px"></div>'); document.write('</div></div>'); } function Fireworks(){ H=(NS4||NS6)?window.innerHeight:window.document.bo dy.clientHeight; W=(NS4||NS6)?window.innerWidth:window.document.bod y.clientWidth; Y=(NS4||NS6)?window.pageYOffset:window.document.bo dy.scrollTop; for (i=0; i < A; i++){ if (IE4)L=iestars[i].style; if (NS4)L=document.layers["nsstars"+i]; if (NS6)L=document.getElementById("ns6stars"+i).style ; var F = CL[Math.floor(Math.random()*CL.length)]; var RS=Math.round(Math.random()*2); L.top = Ypos + E*Math.sin((C+i*5)/3)*Math.sin(C/100) L.left= Xpos + E*Math.cos((C+i*5)/3)*Math.sin(C/100) if (C < 110){ if (NS4){L.bgColor=I;L.clip.width=1;L.clip.height=1} if (IE4||document.getElementById) {L.background=I;L.width=1;L.height=1;L.fontSize=1} } else{ if (NS4){L.bgColor=F;L.clip.width=RS;L.clip.height=RS } if (IE4||document.getElementById){L.background=F;L.wi dth=RS;L.height=RS;L.fontSize=RS} } } if (C > 220){ C=0; var NC = CL2[Math.floor(Math.random()*CL2.length)]; I=NC; E=Math.round(100+Math.random()*90); Ypos = E+Math.round(Math.random()*(H-(E*2.2)))+Y; Xpos = E+Math.round(Math.random()*(W-(E*2.2))); } C+=S; setTimeout("Fireworks()",10); } Fireworks(); // --> </script> <!-- End of Fireworks -->
التعديلات على الكود : لا يوجد
مثال الكود
الكود متحرك لذا تابع الصور الثلاثة بالمرفقات

الصور المصغرة المرفقة
الصور المرفقة
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:38 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 4
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


قبل البدء فى الأكواد 7 ، 8 ، 9
انبه انه لا يوجد لهم امثلة وان الكود رقم 9 فقط هو الذى يحتاج تعديل فى العنوان المراد كتابته


7 \ قلوب تتبع الماوس
وصف الكود : كود جميل يجعل الماوس معه قلوب ( للرومانسيين )
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"> <img src="http://www.javascriptfreecode.com/heart.gif" height=11 width=11> </div> <div id="dot1" style="position: absolute; height: 11; width: 11;"> <img src="http://www.javascriptfreecode.com/heart.gif" height=11 width=11> </div> <div id="dot2" style="position: absolute; height: 11; width: 11;"> <img src="http://www.javascriptfreecode.com/heart.gif" height=11 width=11> </div> <div id="dot3" style="position: absolute; height: 11; width: 11;"> <img src="http://www.javascriptfreecode.com/heart.gif" height=11 width=11> </div> <div id="dot4" style="position: absolute; height: 11; width: 11;"> <img src="http://www.javascriptfreecode.com/heart.gif" height=11 width=11> </div> <div id="dot5" style="position: absolute; height: 11; width: 11;"> <img src="http://www.javascriptfreecode.com/heart.gif" height=11 width=11> </div> <div id="dot6" style="position: absolute; height: 11; width: 11;"> <img src="http://www.javascriptfreecode.com/heart.gif" height=11 width=11> </div> <script LANGUAGE="JavaScript"> <!-- hide code var nDots = 7; var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; // Positive XGRAVITY pulls right, negative pulls left // Positive YGRAVITY pulls down, negative up var XGRAVITY = 0; var YGRAVITY = 50; // RESISTANCE determines a slowing force proportional to velocity var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. 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 // since they're hiding on the real bullets setTimeout("startanimate()", 1000); } } 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 // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great 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 + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } 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 + XGRAVITY, (spring.Y + resist.Y)/ MASS + YGRAVITY); // 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 + window.pageYOffset; width = window.innerWidth + window.pageXOffset; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce off 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 code hiding --> </script>

8 \ نجوم فى خلفية الصفحة
وصف الكود : كود جميل لتجميل الصفحة وجعل بعض النجوم تتأرجح فى خلفية الصفحة
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <FONT face=Tahoma color=white> <html> <head> </head> <body> <!-- STEP ONE: Insert the onLoad event handler into your BODY tag --> <BODY BGCOLOR="#000000" onLoad="fly()"> <!-- STEP TWO: Paste this code into the BODY of your HTML document --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin SmallStars = 30; LargeStars = 10; SmallYpos = new Array(); SmallXpos = new Array(); LargeYpos = new Array(); LargeXpos = new Array(); Smallspeed= new Array(); Largespeed= new Array(); ns=(document.layers)?1:0; if (ns) { for (i = 0; i < SmallStars; i++) { document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); } for (i = 0; i < LargeStars; i++) { document.write("<LAYER NAME='ln"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>"); } } else { document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < SmallStars; i++) { document.write('<div id="si" style="position:absolute;top:0;left:0;width:1px;he ight:1px;background:#fffff0;font-size:1px"></div>'); } document.write('</div>'); document.write('</div>'); document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < LargeStars; i++) { document.write('<div id="li" style="position:absolute;top:0;left:0;width:2px;he ight:2px;background:#ffffff;font-size:2px"></div>'); } document.write('</div>'); document.write('</div>'); } WinHeight = (document.layers)?window.innerHeight:window.docume nt.body.clientHeight; WinWidth = (document.layers)?window.innerWidth:window.documen t.body.clientWidth; for (i = 0; i < SmallStars; i++) { SmallYpos[i] = Math.round(Math.random() * WinHeight); SmallXpos[i] = Math.round(Math.random() * WinWidth); Smallspeed[i]= Math.random() * 5 + 1; } for (i = 0; i < LargeStars; i++) { LargeYpos[i] = Math.round(Math.random() * WinHeight); LargeXpos[i] = Math.round(Math.random() * WinWidth); Largespeed[i] = Math.random() * 10 + 5; } function fly() { var WinHeight = (document.layers)?window.innerHeight:window.docume nt.body.clientHeight; var WinWidth = (document.layers)?window.innerWidth:window.documen t.body.clientWidth; var hscrll = (document.layers)?window.pageYOffset:document.body .scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.body .scrollLeft; for (i = 0; i < LargeStars; i++) { LargeXpos[i] -= Largespeed[i]; if (LargeXpos[i] < -10) { LargeXpos[i] = WinWidth; LargeYpos[i] = Math.round(Math.random() * WinHeight); Largespeed[i] = Math.random() * 10 + 5; } if (ns) { document.layers['ln'+i].left = LargeXpos[i]; document.layers['ln'+i].top = LargeYpos[i] + hscrll; } else { li[i].style.pixelLeft = LargeXpos[i]; li[i].style.pixelTop = LargeYpos[i] + hscrll; } } for (i = 0; i < SmallStars; i++) { SmallXpos[i] -= Smallspeed[i]; if (SmallXpos[i] < -10) { SmallXpos[i] = WinWidth; SmallYpos[i] = Math.round(Math.random()*WinHeight); Smallspeed[i] = Math.random() * 5 + 1; } if (ns) { document.layers['sn'+i].left = SmallXpos[i]; document.layers['sn'+i].top = SmallYpos[i]+hscrll; } else { si[i].style.pixelLeft = SmallXpos[i]; si[i].style.pixelTop = SmallYpos[i]+hscrll; } } setTimeout('fly()', 10); } // End --> </script> <!-- Script Size: 3.79 KB --> </body> </html>

9 \ تحرك عنوان الصفحة
وصف الكود : كود جميل يحرك العنوان المراد للصفحة فى شريط العنوان
الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <SCRIPT language=javascript> msg = "ترايدنت .. لكل العرب"; msg = "..." + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",200); } scrollMSG(); </SCRIPT>
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:39 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 5
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


على بركة الله نستمر ...

10 \ كود اضفنا للمفضلة
وصف الكود : كلمة تظهر للزائر عند الضغط عليها يتم وضع الموقع تلقائيًا فى المفضلة
الكود
رمز Code:
function addfav() { if (document.all) { window.external.AddFavorite ("http://www.traidnt.net","اضف ترايدنت للمفضلة") } }
التعديلات على الكود : تغيير رابط ترايدنت الى رابط موقعك ، تغيير كلمة ترايدنت الى اسم موقعك
مثال الكود
اضف ترايدنت للمفضلة


11 \ ثلوج تتساقط على الصفحة
وصف الكود : كود رائع يزين صفحتك ببعض الثلوج التى تسقط فيها
الكود
رمز Code:
<!-- ترايدنت --> <!-- Web Site: www.traidnt.net--> <!-- Naderib999 --> <script> // Set the number of snowflakes (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow. Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") // Set the fonts, that create the snowflakes. Add as many fonts as you like var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") // Set the letter that creates your snowflake (recommended:*) var snowletter="*" // Set the speed of sinking (recommended values range from 0.3 to 2) var sinkspeed=0.6 // Set the maximal-size of your snowflaxes var snowmaxsize=22 // Set the minimal-size of your snowflaxes var snowminsize=8 // Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=3 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// // Do not edit below this line var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browse rinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx snow[i].style.top=snow[i].posy } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); snow[i].style.top=snow[i].posy if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>") } if (browserok) { window.onload=initsnow } </script>
التعديلات على الكود : لا يوجد
مثال الكود


12 \ اوراق تتساقط فى الصفحة
وصف الكود : كود رائع يزين صفحاتك بسقوط بعض الأوراق فى الصفحة
الكود
رمز Code:
<!--www.traidnt.net \ Naderib999 --> <script language="JavaScript1.2"> //Pre-load your image below! grphcs=new Array(6) Image0=new Image(); Image0.src=grphcs[0]="http://javascriptfreecode.com/images/barg.gif"; Image1=new Image(); Image1.src=grphcs[1]="http://javascriptfreecode.com/images/barg.gif" Image2=new Image(); Image2.src=grphcs[2]="http://javascriptfreecode.com/images/barg.gif" Image3=new Image(); Image3.src=grphcs[3]="http://javascriptfreecode.com/images/barg.gif" Image4=new Image(); Image4.src=grphcs[4]="http://javascriptfreecode.com/images/barg.gif" Image5=new Image(); Image5.src=grphcs[5]="http://javascriptfreecode.com/images/barg.gif" Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use! Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0; if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight:window.docu ment.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(ns||ns6)?window.innerHeight:window.docu ment.body.clientHeight; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?window.pageYOffset:document.body. scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body. scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(90*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (ns){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; } else if (ns6){ document.getElementById("si"+i).style.left=Math.mi n(WinWidth,Xpos[i]); document.getElementById("si"+i).style.top=Ypos[i]+hscrll; } else{ eval("document.all.si"+i).style.left=Xpos[i]; eval("document.all.si"+i).style.top=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; } setTimeout('fall()',20); } window.onload=fall //--> </script>
التعديلات على الكود : لا يوجد
مثال الكود



الصور المصغرة المرفقة
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:39 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 6
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


رسالة للزائر الذي سيغادر الموقع :

عندما يغادر الزائر تجيه رسالة شكر


بين head

[ رمز PHP:
<script language="javascript">
function
bye()
{
alert ("شكرا لك على الزيارة، نراك قريبا بحول الله");
}
</script>

body


رمز PHP:
<body onunload="bye()">


كود الصفحة كامل



رمز PHP:
<html>

<
head>
<
title></title>
</
head>

<
script language="javascript">



function
bye()
{
alert ("شكرا لك على الزيارة، نراك قريبا بحول الله");
}
</script>



<body onunload="bye()">


</body>

</html>

ممكن تغير جملة الشكر بالطبع كما تشاء الصور المصغرة المرفقة
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:40 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 7
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


\ كود محرك بحث جوجل على موقعك
وصف الكود : محرك بحث صغير على موقعك يمكن الزوار من البحث داخل جوجل بسهولة تامة
التعديلات على الكود : لا يوجد
مثال الكود

الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <!-- Search Google --> <center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" <br></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value="en"> <INPUT type=submit name=btnG VALUE="بحث جوجل"> </td></tr></TABLE> </FORM> </center> <!-- Search Google -->

14 \ كود محرك بحث MSN على موقعك
وصف الكود : محرك بحث صغير على موقعك يمكن الزوار من البحث داخل MSN بسهولة تامة
التعديلات على الكود : لا يوجد
مثال الكود

الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 2</title> </head> <body> <table BORDER="0" WIDTH="222" HEIGHT="18"> <tr> <td WIDTH="214" HEIGHT="10"> <form NAME="search" ID="search" ACTION="http://search.msn.com/results.asp" METHOD="get"> <p><font FACE="arial" SIZE="2"><strong>Search <font COLOR="#808080">the Web for:</font></strong></font><br> <input TYPE="text" ID="q" SIZE="18" MAXLENGTH="251" NAME="q" VCARD_NAME="SearchText"><input TYPE="submit" VALUE="Search" NAME="B1"><input TYPE="hidden" NAME="FORM" VALUE="FRNT"><input TYPE="hidden" NAME="un" VALUE="doc"><input TYPE="hidden" NAME="v" VALUE="1"></p> </form> </td> </tr> <tr> <td WIDTH="214" HEIGHT="21" VALIGN="bottom"> <p ALIGN="center"><font SIZE="1" FACE="arial"> <a HREF="http://search.msn.com/advanced.asp?MT=&RS=CHECKED&Form=FRNT">Use Advanced Search</a></font></td> </tr> </table> <p> </p> </body> </html> </body> </html>

15 \ زر اغلاق الصفحة
وصف الكود : زر صغير فى الموقع عند الضغط عليه يتم اغلاق الصفحة كما فى صفحة اضافة المرفقات
التعديلات على الكود : لا يوجد
مثال الكود

الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <script language="JavaScript"> <!-- function closeIt() { close(); } // --> </script> <center> <form> <input type=button value="Close Window" onClick="closeIt()"> </form> </center>
الصور المرفقة
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:41 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 8
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


16 \ صندوق تنبيه عند الدخول والخروج من الصفحة
وصف الكود : صندوق يظهر عند دخول الزائر صفحتك وعند الخروج منها
التعديلات على الكود : غير رسالة الدخول والخروج كما تريد
مثال الكود

الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <html> <head> <script language="javascript" type="text/javascript"> alert("مرحبًا بكم فى ترايدنت") </script> </head> <body> <h1> <!-- hide script from old browsers --> <!--this is on example of a long JavaScript comment--> <script language="javascript" type="text/javascript"> document.write("Traidnt.net") //end hiding script from old browsers --> </script> </h1> </body> </html> <!-- DESCRIPTION: This will cause an elert message before your visitor leaves (OR reloads) your page. INSTRUCTIONS: Place this tag where your BODY tag is. Make changes to attributes (TEXT, LINK, VLINK, BGCOLOR, etc.) as necessary. FUNCTIONALITY: Works in both Netscape and IE. --> <BODY onUnload="window.alert(' وداعًا ')"> </BODY> <!-- DESCRIPTION: This will cause an elert message before your visitor leaves (OR reloads) your page. INSTRUCTIONS: Place this tag where your BODY tag is. Make changes to attributes (TEXT, LINK, VLINK, BGCOLOR, etc.) as necessary. FUNCTIONALITY: Works in both Netscape and IE. --> <BODY onUnload="window.alert(' وداعًا ')"> </BODY>
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:41 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 9
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


\17 تغيير لون خلفية الصفحة ( بتحكم العضو )
وصف الكود : اسماء الألوان تظهر فى الصفحة وعند مرور الماوس على اي لون يتم تغيير لون الصفحة له
التعديلات على الكود : لا يوجد
مثال الكود



الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <CENTER> <!-- This script and many more are available online free at --> <!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <p>[<a href="/" onmouseover="document.bgColor='green'">Green</a>]<br> [<a href="/" onmouseover="document.bgColor='greem'">Bright Green</a>]<br> [<a href="/" onmouseover="document.bgColor='seagreen'">Sea Green</a>]<br> [<a href="/" onmouseover="document.bgColor='red'">Red</a>]<BR> [<a href="/" onmouseover="document.bgColor='magenta'">Magenta</a>]<br> [<a href="/" onmouseover="document.bgColor='fusia'">Fusia</a>]<br> [<a href="/" onmouseover="document.bgColor='pink'">Pink</a>]<br> [<a href="/" onmouseover="document.bgColor='purple'">Purple</a>]<BR> [<a href="/" onmouseover="document.bgColor='navy'">Navy</a>]<br> [<a href="/" onmouseover="document.bgColor='blue'">Blue</a>]<br> [<a href="/" onmouseover="document.bgColor='royalblue'">Royal Blue</a>]<br> [<a href="/" onmouseover="document.bgColor='Skyblue'">Sky Blue</a>]<BR> [<a href="/" onmouseover="document.bgColor='yellow'">Yellow</a>]<br> [<a href="/" onmouseover="document.bgColor='brown'">Brown</a>]<br> [<a href="/" onmouseover="document.bgColor='almond'">Almond</a>]<br> [<a href="/" onmouseover="document.bgColor='white'">White</a>]<BR> [<a href="/" onmouseover="document.bgColor='black'">Black</a>]<br> [<a href="/" onmouseover="document.bgColor='coral'">Coral</a>]<br> [<a href="/" onmouseover="document.bgColor='olivedrab'">Olive Drab</a>]<br> [<a href="/" onmouseover="document.bgColor='orange'">Orange</a>]<br> <hr color="#00FFFF"> </CENTER>
الصور المصغرة المرفقة
  رد مع اقتباس
مــــلــــوكـــه
قديم 07-17-2013 ~ 04:42 AM
افتراضي رد: [ كود ]جديداكبرمكتبة جافاسكريبت مع الامثلة
  ãÔÇÑßÉ ÑÞã 10
 
الصورة الرمزية مــــلــــوكـــه
 
1409683700141.png - 46.37 KB
تاريخ التسجيل : May 2012
معدل تقييم المستوى : 111
مــــلــــوكـــه ادارةمــــلــــوكـــه ادارة


18 \ قائمة جميله بالجافا سكربت
وصف الكود : كود رائع لتجميل الصفحة قائمة جميله بالجافا سكربت
التعديلات على الكود : قم بتغيير كل العبارات والروابط كما تريد
مثال الكود

الكود
رمز Code:
<!-- :: TRAIDNT FORUM :: - Powered by vBulletin \ Naderib999 --> <!-- START OF Watermark Navigation Menu DHTML --><!-- START OF Watermark Navigation Menu DHTML --> <!-- SUMMARY BRIEF This DHTML script will make a navigation menu that will follow your screen as you scroll, kind of like the old Geocities™ watermark. Look through the code for comments that will tell you where to change the code to configure it how you want in order to display the links that you want. --> <!-- Put this code inside of your <HEAD> tag. --> <STYLE TYPE="text/css"> <!-- .menuheader { BORDER-COLOR : #000000 ; cursor : hand ; Border-Left : #000000 ; Border-Top : #000000 ; Padding-Left : 1px ; Padding-Top : 1px ; Background-Color : #000000 ; } .menu { Background-Color : white ; } .home { cursor : hand ; } .menulinks { text-decoration:none; } //--> </STYLE> <!-- Put this code inside of your <BODY> tag on your page, but OUTSIDE of any other tags. This can NOT be inside of any other tags on your page. --> <SCRIPT Language="Javascript1.2"> <!-- /////////////////////////////////////////////////////////////// // Change the width and placement of the menu on the page below. /////////////////////////////////////////////////////////////// var menuwidth=110 var offsetleft=10 var offsettop=10 var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 function makeStatic() { if (ie4) {object1.style.pixelTop=document.body.scrollTop+of fsettop} else if (ns6) {document.getElementById("object1").style.top=wind ow.pageYOffset+offsettop} else if (ns4) {eval(document.object1.top=eval(window.pageYOffset +offsettop));} setTimeout("makeStatic()",0); } if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')} else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')} /////////////////////////////////////////////////////////////// // Change the name of the menu (the text at the top) below. // You can also shange the font face, size and border colors. /////////////////////////////////////////////////////////////// if (ie4||ns6||ns4) document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Navigation</FONT></TD></TR>') var menui = new Array(); var menul = new Array(); /////////////////////////////////////////////////////////////// // Edit menus listing here. You can make as many as you need, // just make sure that the numbers go up in order correctly. // The "menui" variables are the actual link text that will // show up in the menu. The "menul" variables are the URLs // that match the text displayed there. /////////////////////////////////////////////////////////////// menui[0]="CoffeeCup Software"; menui[1]="CoffeeCup HTML Editor"; menui[2]="CoffeeCup Help Site"; menui[3]="CoffeeCup Site Map"; menui[4]="Other CoffeeCup Products"; menui[5]="Bob & Larry\'s Free Stuff"; menui[6]="About CoffeeCup Software"; menui[7]="Bluedomino Webhosting"; menul[0]="http://www.webloger.5u.com"; menul[1]="http://www.webloger.5u.com"; menul[2]="http://www.webloger.5u.com"; menul[3]="http://www.webloger.5u.com"; menul[4]="http://www.webloger.5u.com"; menul[5]="http://www.webloger.5u.com"; menul[6]="http://www.webloger.5u.com"; menul[7]="http://www.webloger.5u.com"; for (i=0;i<=menui.length-1;i++) /////////////////////////////////////////////////////////////// // You can change table cell background colors below. // Just change the color names to whatever you want, // but do NOT change any other code. /////////////////////////////////////////////////////////////// if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuheader\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+me nui[i]+'</FONT></TD></TR>')} else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')} if (ie4||ns6) {document.write('</TABLE></span>')} else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')} function menu3(){ if (ns6||ie4||ns4) makeStatic() } window.onload=menu3 //--> </SCRIPT> <!-- END OF Watermark Navigation Menu DHTML --> <!-- SUMMARY BRIEF This DHTML script will make a navigation menu that will follow your screen as you scroll, kind of like the old Geocities™ watermark. Look through the code for comments that will tell you where to change the code to configure it how you want in order to display the links that you want. --> <!-- Put this code inside of your <HEAD> tag. --> <STYLE TYPE="text/css"> <!-- .menuheader { BORDER-COLOR : #000000 ; cursor : hand ; Border-Left : #000000 ; Border-Top : #000000 ; Padding-Left : 1px ; Padding-Top : 1px ; Background-Color : #000000 ; } .menu { Background-Color : white ; } .home { cursor : hand ; } .menulinks { text-decoration:none; } //--> </STYLE> <!-- Put this code inside of your <BODY> tag on your page, but OUTSIDE of any other tags. This can NOT be inside of any other tags on your page. --> <SCRIPT Language="Javascript1.2"> <!-- /////////////////////////////////////////////////////////////// // Change the width and placement of the menu on the page below. /////////////////////////////////////////////////////////////// var menuwidth=110 var offsetleft=10 var offsettop=10 var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 function makeStatic() { if (ie4) {object1.style.pixelTop=document.body.scrollTop+of fsettop} else if (ns6) {document.getElementById("object1").style.top=wind ow.pageYOffset+offsettop} else if (ns4) {eval(document.object1.top=eval(window.pageYOffset +offsettop));} setTimeout("makeStatic()",0); } if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')} else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')} /////////////////////////////////////////////////////////////// // Change the name of the menu (the text at the top) below. // You can also shange the font face, size and border colors. /////////////////////////////////////////////////////////////// if (ie4||ns6||ns4) document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Navigation</FONT></TD></TR>') var menui = new Array(); var menul = new Array(); /////////////////////////////////////////////////////////////// // Edit menus listing here. You can make as many as you need, // just make sure that the numbers go up in order correctly. // The "menui" variables are the actual link text that will // show up in the menu. The "menul" variables are the URLs // that match the text displayed there. /////////////////////////////////////////////////////////////// menui[0]="CoffeeCup Software"; menui[1]="CoffeeCup HTML Editor"; menui[2]="CoffeeCup Help Site"; menui[3]="CoffeeCup Site Map"; menui[4]="Other CoffeeCup Products"; menui[5]="Bob & Larry\'s Free Stuff"; menui[6]="About CoffeeCup Software"; menui[7]="Bluedomino Webhosting"; menul[0]="http://www.javakhafan.9f.com"; menul[1]="http://www.javakhafan.9f.com"; menul[2]="http://www.javakhafan.9f.com"; menul[3]="http://www.javakhafan.9f.com"; menul[4]="http://www.javakhafan.9f.com"; menul[5]="http://www.javakhafan.9f.com"; menul[6]="http://www.javakhafan.9f.com"; menul[7]="http://www.javakhafan.9f.com"; for (i=0;i<=menui.length-1;i++) /////////////////////////////////////////////////////////////// // You can change table cell background colors below. // Just change the color names to whatever you want, // but do NOT change any other code. /////////////////////////////////////////////////////////////// if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuheader\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+me nui[i]+'</FONT></TD></TR>')} else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')} if (ie4||ns6) {document.write('</TABLE></span>')} else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')} function menu3(){ if (ns6||ie4||ns4) makeStatic() } window.onload=menu3 //--> </SCRIPT>
الصور المرفقة
  رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع


الساعة الآن 09:24 AM