صفحة متحركة

<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=window.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=window.pageYOffset+speed window.scroll(0,currentpos) } else{ currentpos=30 window.scroll(0,currentpos) } } function startit(){ setInterval("scrollwindow()",30) } window.onload=initialize </script>

كتابة تتلون بصفحتك

انسخ هذا الكود وضعه في منطقة الجسم من صفحتك <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var ctext = "Wow! Look at all the pretty colors! ;-)"; var speed = 1000; var x = 0; var color = new initArray( "red", "blue", "green", "black" ); if(navigator.appName == "Netscape") { document.write('<layer id="c"><center>'+ctext+'</center></layer><br>'); } if (navigator.appVersion.indexOf("MSIE") != -1){ document.write('<div id="c"><center>'+ctext+'</center></div>'); } function chcolor(){ if(navigator.appName == "Netscape") { document.c.document.write('<center><font color="'+color[x]); document.c.document.write('">'+ctext+'</font></center>'); document.c.document.close(); } else if (navigator.appVersion.indexOf("MSIE") != -1){ document.all.c.style.color = color[x]; } (x < color.length-1) ? x++ : x = 0; } setInterval("chcolor()",1000); // End --> </script>

ضع الكود في منطقة الجسم <script language="JavaScript1.2"> /* Dynamic Fader Script Created and submitted by Nicholas Poh (hwinmain@yahoo.com) Permission granted to Dynamicdrive.com to feature script in archive For full source code and installation instructions to this script, visit http://dynamicdrive.com */ var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); var value=0; var Dec2Hex=new Array(); for (x=0; x<16; x++){ for (y=0; y<16; y++){ Dec2Hex[value]= hexbase[x] + hexbase[y]; value++; } } function RGB2STR(rgbcolor) { return Dec2Hex[rgbcolor>>16] + Dec2Hex[(rgbcolor>>8)&0xFF] + Dec2Hex[rgbcolor&0xFF]; } /////Congifure following variables to customize fader// var scrollerwidth=200 var scrollerheight=90 var TS_colorFG = 0x0000FF; // Text color var TS_colorBG = 0xFFFFFF; // Background color var TS_ymax = 50; // Total animation frame var TS_ystep = 1; // 1 or -1 only var TS_speed = 2; var TS_message = new Array(); // Put messages here TS_message[0] = 'مرحبا بكم'; TS_message[1] = 'اتمنا لكم وقت مفيد وممتع'; TS_message[2] = '<A HREF="ضع اي وصلة هنا">ضع رسالة الوصلة هنا</A>'; /////End configuration////////////////// var TS_ypos = 0; var TS_yposOrg = 0; var TS_color = TS_colorBG; var TS_curMsg = 0; // Calculate the difference between background and foreground color var dfRed = -((TS_colorBG>>16) - (TS_colorFG>>16)) / (TS_ymax>>1); var dfGreen = -(((TS_colorBG>>8)&0xFF) - ((TS_colorFG>>8)&0xFF)) / (TS_ymax>>1); var dfBlue = -((TS_colorBG&0xFF) - (TS_colorFG&0xFF)) / (TS_ymax>>1); var TS_opColor = (dfRed<<16) + (dfGreen<<8) + (dfBlue); var timer; function UnloadMe() { clearTimeout(timer); } function ScrollText() { if (document.all) { // IE TextScroll.style.paddingTop = TS_ypos; TextScroll.style.color = TS_color; } TS_ypos += TS_ystep; TS_color += TS_opColor; if (TS_ypos == (TS_ymax>>1) - TS_ystep) { TS_opColor *= -1; } if (TS_ypos >= TS_ymax-1 || TS_ypos <= 0) { TS_color = TS_colorBG; TS_opColor *= -1; if (TS_ystep > 0) { TS_ypos = 0; } else { TS_ypos = TS_ymax; } if (++TS_curMsg > TS_message.length-1) { TS_curMsg = 0; } // Change text if (document.all) { // IE TextScroll.style.paddingTop = TS_ypos; TextScroll.innerHTML=TS_message[TS_curMsg]; } } // Set timer timer = setTimeout('ScrollText()', TS_speed); } function ScrollTextDisplay() { var navName=navigator.appName; var navVer=parseInt(navigator.appVersion) if (!(navName=="Microsoft Internet Explorer" && navVer>=4)){ return; } if (navName=="Microsoft Internet Explorer") { TS_speed = 20 + TS_speed; } document.write('<SPAN ID="TextScroll" CLASS="TextScrollStyle" style="width:'+scrollerwidth+';height:'+scrollerheight+'">'); document.write(TS_message[0]); document.write('</SPAN>'); if (TS_ystep > 0) { TS_ypos = 0; } else { TS_ypos = TS_ymax; } if (document.all) { // IE TextScroll.style.backgroundColor = TS_colorBG; TextScroll.style.color = TS_color; } window.onload=new Function("timer = setTimeout('ScrollText()', 1000);") window.onunload=UnloadMe; } </script> <script language="JavaScript1.2"> if (document.all) ScrollTextDisplay() </script>

حكم أو آيات تتغير تلقائيا عند كل مرة تدخل فيها الصفحة

<script LANGUAGE="JavaScript"> <!-- Begin var a = Math.random() + "" var rand1 = a.charAt(5) quotes = new Array quotes[1] = "اللهم صلي وسلم على سيدنا محمد" quotes[2] = "سبحان الله والحمدلله ولا اله الا الله" quotes[3] = "اللهم اني أسألك العفو العافية" quotes[4] = "اللهم اغفر لنا ذنوبنا وارحمنا" quotes[5] = "اتق الله حيثما كنت " quotes[6] = "لا اله الا الله وحده لاشريك له" quotes[7] = "اذكر الله" quotes[8] = "سبحانك اللهم وبحمدك اشهد ان لا اله الا انت وحدك لاشريك لك" quotes[9] = "لا إله إلا الله" quotes[0] = "مرحبا بكم في موقع أبوحرب" var quote = quotes[rand1] document.write(quote); // End -->

نص مطبوع يظهر في الصفحة

كود لعرض مصدر الصفحة بالضغط على زرار العرض

<script> <!-- /* View-source script credit: By Website Abstraction (عنوان موقعك) Over 200+ free JavaScripts here! */ function viewthesource(){ window.location="view-source:"+window.location } //--> </script> <a href="javascript:viewthesource()"> <p align="center">اعرض المصدر</p> <p align="center"></a> </p>

خلفية متوهجة عند الدخول فقط

ضع الكود في منطقة الرأس <SCRIPT LANGUAGE="JavaScript"> <!-- // convert decimal value (0 - 255) to hexadecimal // (use .toString(16) method supported by IE) function toHex(dec) { // create list of hex characters var hexCharacters = "0123456789ABCDEF" // if number is out of range return limit if (dec < 0) return "00" if (dec > 255) return "FF" // decimal equivalent of first hex character in converted number var i = Math.floor(dec / 16) // decimal equivalent of second hex character in converted number var j = dec % 16 // return hexadecimal equivalent return hexCharacters.charAt(i) + hexCharacters.charAt(j) } // set background color to specified descriptors function setbgColor(red, green, blue) { document.bgColor = "#" + toHex(red) + toHex(green) + toHex(blue) } // fade from start to end descriptors (increase step to increase transition speed) function fade(sred, sgreen, sblue, ered, egreen, eblue, step) { // loop to create fade effect for(var i = 0; i <= step; ++i) { // set current red descriptor var red = Math.floor(sred * ((step - i) / step) + ered * (i / step)) // set current green descriptor var green = Math.floor(sgreen * ((step - i) / step) + egreen * (i / step)) // set current green descriptor var blue = Math.floor(sblue * ((step - i) / step) + eblue * (i / step)) // set background color according to descriptors setbgColor(red, green, blue) } } // --> </SCRIPT>

خلفية بوميض ملون

ضع الكود في منطقة الجسم <script language="JavaScript"> <!-- 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); // window.location.href="http://www.netscape.com/"; } } // Unhide --> </script>

كود تثبيت الصورة الخلفية للصفحة
 

إذا قمت بوضع صورة كخلفية لموقعك فستجد الأمر التالي في لاحظ أن الجزء المكتوب باللون الأخضر هو أسم الصورة التي قمت بإختيارها أما الجزء المكتوب باللون الأحمر فلن تجده ضمن الأمر بل سوف تقوم بإضافته وحذف مايلزم من الكود الموجود بصفحتك حتى تحصل على مثل هذا الكود لكي تصبح الخلفية ثابتة