|
اذا لم تكن عضوا بالموقع فسجل الان لتحصل على كل الصلاحيات | 
|
|
اذا لم تكن عضوا بالموقع فسجل الان لتحصل على كل الصلاحيات |
|
 |
 |
 |
 |
أختر لونك المفضل |
|
|||||||
| التسجيل | حواء | اسلاميات | برمجة | فكر | صحة | أدب | البحث | مشاركات اليوم | اجعل كافة الأقسام مقروءة | الأوسمة والنقاط |
  مكتبة الجافا إسكريبت لإضافة لمسات جمالية لموقعك  |
 |
|
مكتبة الجافا إسكريبت لإضافة لمسات جمالية لموقعك
|
LinkBack | أدوات الموضوع | تقييم الموضوع | انواع عرض الموضوع |
|
#1
09-09-2008, 03:28 AM
|
 |
كاتب
 |
تاريخ التسجيل: Apr 2008
الدولة: مدينة :
المشاركات: 647
  |
مكتبة الجافا إسكريبت لإضافة لمسات جمالية لموقعك
مكتبة الجافا إسكريبت كود:انسخ الاكواد وضعها في داخل صفحات html لموقعك كود يجعل الصفحه تهتز لفتره وجيزه بعد دخولك اليها <script language="JavaScript"> <!--- bName = navigator.appName; bVer = parseInt(navigator.appVersion); if (bName == "Netscape" && bVer == 3) ver = "n3"; else if (bName == "Netscape" && bVer == 2) ver = "n2"; else if (bName == "Netscape" && bVer >= 4) ver = "n4"; else if (bName == "Microsoft Internet Explorer" && bVer == 2) ver = "e3"; else if (bName == "Microsoft Internet Explorer" && bVer > 2) ver = "e4"; if (navigator.appVersion.indexOf("Mac") != -1) ver+="m"; function shake() { if (ver == "n4" || ver == "n4m" || ver == "e4" || ver == "e4m") { for (i = 10; i > 0; i--) { for (z = 4; z > 0; z--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } setTimeout('shake()',5000); // ---> </script> المصدر: http://www.alwatanyh.com/forum/f19/مكتبة-الجافا-إسكريبت-لإضافة-لمسات-جمالية-لموقعك-33222/ لالغاء الخطوط التي تظهر تحت الوصلات كود:<head> <style> <!--A:link {text-decoration: none; color: #0000ff;}A:visited {text-decoration: none; color: #0000FF;}A:active {text-decoration: none; color:#FF0000; }A:hover {text-decoration: none; color: #ff0000;font-size:16 ;}//--> </style> </head> لاختيار لون الخلفيه كود: <FORM name="back"> <SELECT name="g" onChange="change()"> <OPTION VALUE="aqua">ازرق فاتح <OPTION VALUE="green">اخضر <OPTION VALUE="orange">برتقالي <OPTION VALUE="yellow">اصفر <OPTION VALUE="purple">بنفسجي <OPTION VALUE="gray">رصاصي <OPTION VALUE="pink">وردي <OPTION VALUE="lavender">جي فاتح <OPTION VALUE="khaki">ككاوي <OPTION VALUE="skyblue">ازرق سماوي <OPTION VALUE="white" SELECTED>ابيض </SELECT> <INPUT TYPE="button" VALUE="اختار اللون"> </FORM> <script language="Javascript"> <!-- //http://www.coctail.net/java/java.htm function change() { document.bgColor = document.back.g.options[document.back.g.selectedIndex].value } //--> </script> كود يجعل الزائر يختار لون الخلفيه لصفحتك كود:<script language="JavaScript"> <!-- function backbs(clr) { document.bgColor = clr } //--> </script> <form> <input type="button" value="ازرق فاتح" onclick="backbs('aqua')"> <input type="button" value="اصفر" onclick="backbs('yellow')"> <input type="button" value="أحمر " onclick="backbs('red')"> <input type="button" value="ابيض" onclick="backbs('white')"> <input type="button" value="رصاصي" onclick="backbs('gray')"> </form> كود لعمل خلفيه مضيئه كود:<script language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, and Help --> <!-- Hide from old browsers var Color= new Array(9); Color[1] = "ff"; Color[2] = "ee"; Color[3] = "dd"; Color[4] = "cc"; Color[5] = "bb"; Color[6] = "aa"; Color[7] = "99"; Color[8] = "88"; Color[9] = "77"; Color[10] = "66"; Color[11] = "55"; Color[12] = "44"; Color[13] = "33"; Color[14] = "22"; Color[15] = "11"; Color[16] = "00"; /* Do not display text on a fading background. Instead, let it fade in and out once or twice, then load a new page. */ function fadeIn(where) { if (where >= 1) { document.bgColor="#" + Color[where] +"0000"; where -= 1; setTimeout("fadeIn("+where+")", 15); } else { setTimeout('fadeOut(1)', 15); } } function fadeOut(where) { if (where <=16) { document.bgColor="#" + Color[where] +"0000"; where += 1; setTimeout("fadeOut("+where+")", 15) } else { setTimeout("fadeIn(16)", 15); // @@@@@@@@@@@@@@@@.href="http://www.netscape.com/"; } } // Unhide --> </script> ثم انسخ هذا الكود في منطقة الجسم كود:<body onload="fadeIn(16)"> كود للوحه الترشيح لموقعك كود:<!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript"> <!-- The JavaScript Source!! http://coctail.net --> function vote () { vote4alnadeem=@@@@@@@@open("http://arank.com/cgi-bin/rank/rankem.cgi?action=in&id=kocktailقم بتبديل الوصله"); } function cancel () {} if (confirm("هل ترشحني لأفضل 100 موقع عربي")) { vote(); } else cancel() // --></script><!--webbot bot="HTMLMarkup" endspan --></p> <div align="center"><center> عرض الصفحه تلقائيا كود:<script language="JavaScript1.2"> //change 1 to another integer to alter the scroll speed. Greater is faster var speed=1 var currentpos=0,alt=1,curpos1=0,curpos2=-1 function initialize(){ startit() } function scrollwindow(){ if (document.all) temp=document.body.scrollTop else temp=@@@@@@@@pageYOffset if (alt==0) alt=1 else alt=0 if (alt==0) curpos1=temp else curpos2=temp if (curpos1!=curpos2){ if (document.all) currentpos=document.body.scrollTop+speed else currentpos=@@@@@@@@pageYOffset+speed @@@@@@@@scroll(0,currentpos) } else{ currentpos=30 @@@@@@@@scroll(0,currentpos) } } function startit(){ setInterval("scrollwindow()",30) } @@@@@@@@onload=initialize </script> تأثيرات الماوس كود:<!-- TWO STEPS TO INSTALL STARS: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style type="text/css"> <!-- Begin CSS #a { position: absolute; top: 10px; left: 10px; visibility: visible } #b { position: absolute; top: 10px; left: 10px; visibility: visible } #c { position: absolute; top: 10px; left: 10px; visibility: visible } #d { position: absolute; top: 10px; left: 10px; visibility: visible } #e { position: absolute; top: 10px; left: 10px; visibility: visible } #f { position: absolute; top: 10px; left: 10px; visibility: visible } #g { position: absolute; top: 10px; left: 10px; visibility: visible } End CSS --> </style> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <layer name="a0" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#ff8000" clip="0,0,2,2"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffff00" clip="0,0,2,2"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,2,2"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,2,2"></layer> <div id="starsDiv" style="position:absolute;top:0px;left:0p x"> <div style="position:relative;width:2px;heigh t:2px;background:#ffffff;fo nt-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;heigh t:2px;background:#ffff00;fo nt-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;heigh t:2px;background:#ffa000;fo nt-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;heigh t:2px;background:#ff0000;fo nt-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;heigh t:2px;background:#00ff00;fo nt-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;heigh t:2px;background:#0000ff;fo nt-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;heigh t:2px;background:#FF00FF;fo nt-size:2px;visibility:visible"></div> </div> <script language="JavaScript"> <!-- Original: freeware.de --> <!-- Web Site: Freeware.de - Download kostenlose Software & Spiele! --> <!-- MSIE Fix by: Kurt Grigg (kurt.grigg@virgin.net) --> <!-- Begin if (document.layers) { @@@@@@@@captureEvents(Event.MOUSEMOVE); } var y@@@@ = 200; var x@@@@ = 200; var yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep = 0; var tAmpl=1; var Xpos = 1; var Ypos = 1; var i = 0; var j = 0; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft + event.x; Ypos = document.body.scrollTop + event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt) { Xpos = evnt.pageX; Ypos = evnt.pageY; } @@@@@@@@onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { y@@@@ = @@@@@@@@document.body.offsetHeight / 4; x@@@@ = @@@@@@@@document.body.offsetWidth / 4; } else if (document.layers) { y@@@@ = @@@@@@@@innerHeight / 4; x@@@@ = @@@@@@@@innerWidth / 4; } if (document.all) { for (i = 0 ; i < starsDiv.all.length; i++) { starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*y@@@@*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*x@@@@*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); } } else if (document.layers) { for (j = 0; j < 7; j++) { //7 is number of NS layers! var templayer="a" + j; document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*y@@@@*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*x@@@@*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); } } currStep += step; setTimeout("animateLogo()", 10); } animateLogo(); // End --> </script> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 4.21 KB --> تأثير نص يتبع الماوس كود:<!-- THREE STEPS TO INSTALL MOUSE BANNER: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY tag your HTML document 3. Put the final code inside the BODY of your HTML page --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style>.spanstyle { COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Peter Gehrig --> <!-- Web Site: http://www.24fun.ch --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- 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> <!-- STEP TWO: Copy this code into the BODY tag od your HTML document --> <body bgcolor="#000080" text="#000000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"> <!-- STEP THREE: Put the final code inside the BODY of your HTML document --> <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> <p><center> <font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 2.08 KB --> تحياتي .مكتبة الجافا إسكريبت لإضافة لمسات جمالية لموقعك         |
|
| الكلمات الدلالية (Tags) مكتبة الجافا إسكريبت لإضافة لمسات جمالية لموقعك |
| إسكريبت, الجافا, جمالية, لإضافة, لمسات, لموقعك, مكتبة |
| أدوات الموضوع | |
| انواع عرض الموضوع | تقييم هذا الموضوع |
|
|
المواضيع المتشابهه لموضوع : مكتبة الجافا إسكريبت لإضافة لمسات جمالية لموقعك
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| لمسات ريفية لمطبخك | همس_الليل | اطباق وطبخات | 2 | 04-07-2007 09:46 AM |
| لمسات شرقية لمنزلك | همس_الليل | الازياء والزينة | 2 | 02-07-2007 01:16 PM |
| 1000جيجا بريد الكتروني مجانا لموقعك | cairohost | تطوير المواقع | 0 | 20-07-2006 12:21 PM |
| تعليم..لغة الجافا سكريبت | نورتن | البرامج | 0 | 13-03-2006 10:33 PM |
| اجعل لموقعك ايقونه خاصة على المتصفح | الرياض | تطوير المواقع | 0 | 20-01-2006 10:20 AM |
| ||||||
):
اينما كانت الحرية والحقوق كان الوطن
العرض العادي
