مؤثرات الكتابة

<style type="text/css"> <!-- .textanimlink,a { text-decoration : none; } P.main { font-family : Arial; font-size : 15pt; font-weight : bold; } --> </style> <Script Language="Javascript"> <!-- Hiding /* Script created by Lefteris Haritou (lef@the.forthnet.gr) Permission granted to Dynamicdrive.com to feature the script For more DHTML scripts, visit Dynamicdrive.com */ bname=navigator.appName; bversion=parseInt(navigator.appVersion) if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)) window.onload=start else stop(); window.onunload=stop if (bname=="Netscape"){ brows=true dt=2 } else{ brows=false dt=20 } var z=0; var msg=0; var rgb=0; var link=false; var status=true; var updwn=false; var message= new Array(); var value=0; var h=window.innerHeight; var w=window.innerWidth; var timer1; var timer2; var timer3; var convert = new Array() var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); // Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below) var bgcolor="#FFFFFF"; //Color of background var color="#00008D"; //Color of the Letters message[0]='مرحباً بكم بموقع الزلفي' message[1]='صفحة عبارات الجافا' message[2]='آمل لكم الاستمتاع والفائدة' message[3]='<a href="www.azzulfi.com">اضغط هنا</a>' // Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above) for (x=0; x<16; x++){ for (y=0; y<16; y++){ convert[value]= hexbase[x] + hexbase[y]; value++; } } redx=color.substring(1,3); greenx=color.substring(3,5); bluex=color.substring(5,7); hred=eval(parseInt(redx,16)); hgreen=eval(parseInt(greenx,16)); hblue=eval(parseInt(bluex,16)); eredx=bgcolor.substring(1,3); egreenx=bgcolor.substring(3,5); ebluex=bgcolor.substring(5,7); ered=eval(parseInt(eredx,16)); egreen=eval(parseInt(egreenx,16)); eblue=eval(parseInt(ebluex,16)); red=ered; green=egreen; blue=eblue; function start(){ if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){ link=false; updwn=true; if (brows) res=document.layers['textanim'].top else{ textanim.style.width=document.body.offsetWidth-20; textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>' res=textanim.style.top for (x=0; x<document.all.length; x++) if(document.all[x].id=="textanimlink") link=true; } up() } } function stop(){ clearTimeout(timer1); clearTimeout(timer2); clearTimeout(timer3); } function resz(){ h=window.innerHeight; w=window.innerWidth; if (updwn) timer1=setTimeout('up()',1000) else timer2=setTimeout('down()',1000) } function breakf(){ if (status){ clearTimeout(timer1); clearTimeout(timer2); status=false return; } else{ status=true; if (updwn) timer1=setTimeout('up()',dt) else timer2=setTimeout('down()',dt) } } function up(){ if (red<hred){ if ((red+7)<hred) red+=7; else red=hred redx = convert[red] } else{ if ((red-7)>hred) red-=7; else red=hred redx = convert[red] } if (green<hgreen){ if ((green+7)<hgreen) green+=7; else green=hgreen greenx = convert[green] } else{ if ((green-7)>hgreen) green-=7; else green=hgreen greenx = convert[green] } if (blue<hblue){ if ((blue+7)<hblue) blue+=7; else blue=hblue bluex = convert[blue] } else{ if ((blue-7)>hblue) blue-=7; else blue=hblue bluex = convert[blue] } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; if (window.innerHeight!=h || window.innerWidth!=w){ clearTimeout(timer1); resz() return; } else{ document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<38){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer1=setTimeout('up()',dt) } else { updwn=false; down() } } function down(){ if (red<ered){ if ((red+7)<ered) red+=7; else red=ered redx = convert[red] } else{ if ((red-7)>ered) red-=7; else red=ered redx = convert[red] } if (green<egreen){ if ((green+7)<egreen) green+=7; else green=egreen greenx = convert[green] } else{ if ((green-7)>egreen) green-=7; else green=egreen greenx = convert[green] } if (blue<eblue){ if ((blue+7)<eblue) blue+=7; else blue=eblue bluex = convert[blue] } else{ if ((blue-7)>eblue) blue-=7; else blue=eblue bluex = convert[blue] } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; if (window.innerHeight!=h || window.innerWidth!=w){ clearTimeout(timer2); resz() return; } else{ document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<76){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer2=setTimeout('down()',dt) } else { if (brows){ document.layers['textanim'].document.write('') document.layers['textanim'].document.close(); } else textanim.innerHTML=''; window.clearInterval(timer2); if(msg<message.length-1){ msg++; z=0; if (brows){ document.layers['textanim'].top=res; } else textanim.style.top=res; timer3=setTimeout('start()',100); } else { msg=0; z=0; if (brows) document.layers['textanim'].top=res; else textanim.style.top=res; timer3=setTimeout('start()',2000); } } } // done hiding --> </Script> <Div id="textanim" style="position: absolute; left: 0; top: 440" onclick="breakf()"> </Div> <Layer name="textanim" left=0 top=440> </Layer>

نص يطبع كأنه آلة كاتبة

<script language="JavaScript1.2"> /* Typing Text Script- Last updated: 99/06/17 © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var it=0 function initialize(){ mytext=typing.innerText var myheight=typing.offsetHeight typing.innerText='' document.all.typing.style.height=myheight document.all.typing.style.visibility="visible" typeit() } function typeit(){ typing.insertAdjacentText("beforeEnd",mytext.charAt(it)) if (it<mytext.length-1){ it++ setTimeout("typeit()",100) } else return } if (document.all) document.body.onload=initialize </script> <span id="typing" style="visibility:hidden" align="left">مرحبا بكم ارجوا الا تنسوا زيارتنا دائما... لتحظوا بالمزيد ...مع تحيات موقع محافظة الزلفي</span></font></b></p>

كتابة متحركة ومتلاشية

<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="http://www.azzulfi.com">موقع محافظة الزلفي</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] = "ما اقصر عمر الكون ومعا ذلك يستعظم الانسان عمره" // موقع الزلفي var quote = quotes[rand1] document.write(quote); // End --> </script>

عبارة عند الخروج من الصفحة

هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onunload="bye()"> في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="Javascript"> <!-- Original: Max Harris (mclh@rocketmail.com) --> <!-- Web Site: http://members.tripod.com/~mclh/index.html --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin pageOpen = new Date(); function bye() { pageClose = new Date(); minutes = (pageClose.getMinutes() - pageOpen.getMinutes()); seconds = (pageClose.getSeconds() - pageOpen.getSeconds()); time = (seconds + (minutes * 60)); if (time == 1) { time = (time + " ثانية"); } else { time = (time + " ثانية"); } alert('مكثت في هذه الصفحة ' + time + '. أتمنى أن تكون زيارتك لهذه الصفحة في المره القادمة أطول مدة من هذه الزيارة ... وشكراً'); } // End --> </script> </script> <p align="center"><a href="http://www.khayma.com/manayr/"><font color="#FF00FF" size="4"><strong>Manayr.Net</strong></font></a></p>

اظهار رسالة ترحيبية اشفل الشاشة

<head> <script LANGUAGE="JavaScript"> <!-- Begin function scrollit(seed) { var m1 = "موقع محافظة الزلفي يرحب بزواره الكرام"; var m2 = "....ارجوا ان تجدوا ما ترمون اليه......"; var m3 = ".........."; var m4 = ""; var msg=m1+m2+m3+m4; var out = " "; var c = 1; if (seed > 100) { seed--; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } } // End --> </script> <!-- STEP TWO: Add this onLoad event handler into the BODY tag --> <body onLoad="scrollit(100)"> <!-- Script Size: 1.35 KB -->

لستة نازلة

<center> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function formHandler(form){ var URL = document.form.site.options[document.form.site.selectedIndex].value; window.location.href = URL; } // End --> </SCRIPT> </HEAD> <BODY> <center> <form name="form"> <select name="site" size=1> <option value="http:/ضع العنوان هنا0">الصفحة الرئيسية <option value="http://ضع العنوان هنا.html ">الصفحة الاولى <option value="http://.ضع العنوان هناhtml">الصفحة الثانية <option value="http://www.ضع العنوان هنا">الصفحة الثالثة <option value="http://ضع العنوان هنا ">الصفحة الرابعة </select> <input type=button value="أذهب " onClick="javascript:formHandler()"> </form> </center>

مينو جانبي شفاف
<!-- Paste this between the HEAD tags of your html document --> <script language="JavaScript"> var isIE4 = false; function CheckBrowser() { if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4) { isIE4 = true; }} function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; src.children.tags('A')[0].style.color = '#ffffff';}} function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.children.tags('A')[0].style.color = '#ffffff';}} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} } function mOvrTop(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver;}} function mOutTop(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn;}} </script> <!-- Paste this within the BODY of your document. Customize the table, colors, fonts, etc --> <table cellspacing="3" cellpadding="0" border="0" width="420" align="center" bgcolor="#003366"> <tr> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.yahoo.com/"><font face="Verdana" size="-2">YAHOO</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://hotbot.lycos.com/"><font face="Verdana" size="-2">HOTBOT</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://WWW.CNN.com/"><font face="Verdana" size="-2">CNN</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.azzulfi.com/"><font face="Verdana" size="1">موقع محافظة الزلفي</font></a> </td> </tr> </table>

عبارة وامضة في شريط الحالة

<script language="JavaScript"> <!-- var x = 0 var speed = 300 var text = "لاإله إلا الله محمد رسول الله" function Blinky() { window.status = text setTimeout("Blinky2()", speed) } function Blinky2() { window.status = " " setTimeout("Blinky()", speed) } Blinky() //--> //http://www.saudint.com </script>

حكم وأمثال

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var abukhaled = 12; //ضع هنا عدد الجمل الموجوده بالسكريبت now = new Date(); var rd = now.getSeconds(); var ra = rd % abukhaled; var re = ++ra; var saudi = ""; if (re == 1) { //تقدر تضيف اي عدد تبغاه بزيادة العدد بنفس الطريقة saudi = "لايلدغ المؤمن من جحر مرتين"; } if (re == 2) { saudi = "لا يرمي الناس بالحجارة من كان بيته من زجاج"; } if (re == 3) { saudi = "اللهم علمني ما نسيت و ذكرني بما جهلت"; } if (re == 4) { saudi = "إن الله و ملائكته يصلون على النبي يا أيها اللذين آمنوا صلوا و سلموا عليه تسليما"; } if (re == 5) { saudi = "إنما الأعمال بالنيات"; } if (re == 6) { saudi = "**********************"; } if (re == 7) { saudi = "خير الامور أوسطها"; } if (re == 8) { saudi = "***********************8"; } if (re == 9) { saudi = "لا إله إلا الله"; } if (re == 10) { saudi = "بلادي و إن جارت علي عزيزة"; } if (re == 11) { saudi = "إتق شر من أحسنت إليه"; } if (re == 12) { saudi = "لا تنسى ذكر الله"; } var abukhaled=""+saudi+""; document.write(abukhaled); // End --> </SCRIPT>