کدهای جاوا میدوری

نمایش پرچم ایران با استفاده از کدهای اچ تی ام ال و سی اس اس

<html> <head> <title>نمایش پرچم ایران با استفاده از کدهای اچ تی ام ال و سی اس اس</title> <style type="text/css"> body { background-color:#ddd } .top { background-color:green } .middle { background-color:white; text-align:center } .bottom { background-color:red } </style> </head> <body> <div class="top">.</div> <div class="middle">ایران</div> <div class="bottom">.</div> </body> </html>

كدی برای قرار دادن فایل فلش در سایت یا وبلاگ

<embed src="آدرس فایل فلش" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" quality="High" >

نشان دادن آمار ورودی به وبلاگ

<!– Description: This will display a text counter on your webpage. Instructions: Place the entire script in your webpage where you want the counter to appear. To change the look of the sentence that appears on your webpage simply adjust the HTML properties on the last script line. –> <html> <body> <SCRIPT LANGUAGE=”JavaScript”> var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + “=” + escape(value) + ((expires) ? “; expires=” + expires.toGMTString() : “”) + ((path) ? “; path=” + path : “”) + ((domain) ? “; domain=” + domain : “”) + ((secure) ? “; secure” : “”) if (!caution || (name + “=” + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm(“Cookie exceeds 4KB and will be cut!”)) document.cookie = curCookie } function getCookie(name) { var prefix = name + “=” var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(“;”, cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + “=” + ((path) ? “; path=” + path : “”) + ((domain) ? “; domain=” + domain : “”) + “; expires=Thu, 01-Jan-70 00:00:01 GMT” } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() – skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie(“counter”) if (!visits) visits = 1 else visits = parseInt(visits) + 1 setCookie(“counter”, visits, now) // YOU CAN EDIT THE SENTENCE THAT APPEARS ON YOUR WEBPAGE ON THE NEXT LINE document.write(“<CENTER><FONT FACE=VERDANA SIZE=2>You are visitor <B>#” + visits + “</B>.</FONT></CENTER>”) // –> </SCRIPT> <!– End of Text Counter –></td></body> </html>

ساعت نقطه ای رنگی با رنگ زمینه سایت یا وبلاگ

</SCRIPT> <SCRIPT language=JavaScript> fCol='FF0099'; //face colour. sCol='9900FF'; //seconds colour. mCol='00FFFF'; //minutes colour. hCol='00FFFF'; //hours colour. Ybase=30; //Clock height. Xbase=40; //Clock width. H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); Ypos=0; Xpos=0; dots=12; Split=360/dots; if (NS6){ for (i=1; i < dots+1; i++){ document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } for (i=0; i < M.length; i++){ document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>'); } for (i=0; i < H.length; i++){ document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>'); } for (i=0; i < S.length; i++){ document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>'); } } if (NS4){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } if (IE4){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (NS6){ Ypos=window.pageYOffset+window.innerHeight-Ybase-25; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=1; i < dots+1; i++){ document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180) document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec); document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min); document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (NS4){ Ypos=window.pageYOffset+window.innerHeight-Ybase-20; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180) document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (IE4){ Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20; Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20; for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--> </SCRIPT> <SCRIPT language=JavaScript> fCol='FF0099'; //face colour. sCol='9900FF'; //seconds colour. mCol='00FFFF'; //minutes colour. hCol='00FFFF'; //hours colour. Ybase=30; //Clock height. Xbase=40; //Clock width. </body> </html>

رقص تمامی عکسهای یک صفحه اینترنتی

دلتون میخواد یه شوخی بامزه رو در مرورگر اینترنت سیستمتون انجام دهید؟ شما میتوانید با استفاده از یک کد جاوا که در زیر آمده تمامی عکسهای درون صفحه مورد نظر خود را به پرواز در آورده و حرکات آنها را به دور هم ملاحظه کنید! یه رقص مدور و رومانتیک و یا یک رژه دسته جمعی و منظم در پادگان بزرگ اینترنت اکسپلورر یا فایرفاکس! بدین منظور، صفحه ای از سایت یا حتی وبلاگی که دارای عکس هست را باز کنید (مانند : www.Persian- Star.org) البته فرقی نمی کند که از مرورگر اینترنت اکسپلورر یا فایرفاکس استفاده کنید، پس از لود شدن تصاویر آن صفحه کافی است کد زیر را به شکل صحیح و کامل در داخل Address Bar (نوار آدرس بالای مرورگر) Copy و Paste کنید، سپس دکمه Enter را بزنید: javascript:R= 0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document. images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position= 'absolute' ; DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5; DIS.top=Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval( 'A()',5); void(0);

با این کد 4 متن رو با حالت متغییر زوم خواهید داشت

</html> </body> <SCRIPT LANGUAGE="JavaScript">  </script> </body> </html>

با استفاده از این اسکریپت میتوانید متن را به حرکت درآورید

<HTML> <HEAD> <STYLE> DIV.aFilter {FILTER:PROGID:DXIMAGETRANSFORM.MICROSOFT.WAVE( strength=7, freq=3, lightstrength=100, add=0, phase=0); width: 150px; color: #0000FF;font-size:30px;font-weight:bold; text-align :Center; } </STYLE> <SCRIPT language="javascript"> function doWave() { document.getElementById("myDiv").filters[0].phase += 10; status = document.getElementById("myDiv").filters[0].phase ; } </SCRIPT> </HEAD> <BODY OnLoad="window.setInterval('doWave();',100);" > <DIV CLASS="aFilter" id="myDiv">Midori Java Script</DIV> </BODY> </HTML>

محو کردن متن و لینک ها و سپس نمایش یک متن دیگر

<!-//************************************** // Name: Cross Fading News Ticker // Description:A new approach to displaying a news ticker. This script will smoothly fade one news headline in to another. Works on IE,NS4&NS6 // By: Nick Radford // // // Inputs:Enter your ticker items/news headlines into the JavaScript array (NewsArray) at the top of the code. // // Returns:None // //Assumes:None // //Side Effects:None //This code is copyrighted and has limited warranties. //Please see http://www.Planet-Source-Code.com/xq/ASP/txtCodeId.3065/lngWId.2/qx/vb/scripts/ShowCode.htm //for details. //**************************************-!> <html> <head> <title>Cross Fading News Ticker</title> <style>  </style> <script language="JavaScript">  </script> </head> <body bgcolor="#ffffff" onload="DisplayNews()"> <div id="newslayer1" style="position:absolute; left:20; top:20; width:300; height:200; z-index:1; visibility:visible;"> </div> <div id="newslayer2" style="position:absolute; left:20; top:20; width:300; height:200; z-index:2; visibility:visible;"> </div> </body> </html>

گذاشتن ویدیو در سایت یا وبلاگ

یك: در متن كد به جای عبارت های "Video-Address" آدرس فایل ویدیویی كه می خواهید در سایت یا وبلاگتان پخش شود را وارد كنید. توجه داشته باشید كه برای مثال اگر ویدیویی در كامپیوتر خود داشته باشید نمی توانید آن را برای دیگران بگذارید مگر آنكه آن را آپلود كنید. دو: پس از انجام مرحله ی اول كد را در جایی كه می خواهید نمایش یابد قرار دهید. <object style="border: 3px solid " height="300" width="300" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"> <param name="volume" value="100"> <param name="Url" value="Video-Address"> <param name="enableContextMenu" value="-1"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value> <param name="playCount" value="1"> <param name="autoStart" value="0"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value> <param name="mute" value="0"> <param name="uiMode" value="full"> <param name="stretchToFit" value="0"> <param name="windowlessVideo" value="0"> <param name="enabled" value="-1"> <param name="fullScreen" value="0"> <param name="SAMIStyle" value> <param name="SAMILang" value> <param name="SAMIFilename" value> <param name="captioningID" value> <param name="enableErrorDialogs" value="0"> <embed src="Video-Address" stretchtofit="true" loop="true" enablecontextmenu="false" showcontrols="true" height="165" width="135" name="WMP1"> </embed></object>

درست کردن پنجره با اندازه مشخص

<html> <head> <script type="text/javascript"> function open_win() { window.open("http://www.w3schools.com","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400"); } </script> </head> <body> <form> <input type="button" value="Open Window" onclick="open_win()"> </form> </body> </html>

اخبار سایت شما بصورت متحرک در بالای صفحه

<marquee id="alertit" style="position:absolute;left:0px;top:0;background-color:#FFFFE6" onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=speed"></marquee> <script type="text/javascript"> /* Alert-It Scroller script- By JavaScript Kit For this and over 400+ free scripts, visit http://www.javascriptkit.com This notice must stay intact */ //Customize your message here. Use any HTML desired: var themsg='<span style="font:italic 22px Arial;color:red;"><b>Breaking News: Microsoft Stock up 10 points! Source: <a href="http://cnn.com" target="_new">CNN</a></b></span>' var speed=6 //speed of scroller (1-10 or more) var loops=2 //specify number of times message scrolls across screen (an integer or "infinite") function populatescroller(){ var windowwidth=iecompattest().clientWidth document.getElementById("alertit").innerHTML=themsg document.getElementById("alertit").style.width=windowwidth document.getElementById("alertit").scrollAmount=speed document.getElementById("alertit").scrollDelay=20 document.getElementById("alertit").loop=loops document.getElementById("alertit").onfinish=function(){ document.getElementById("alertit").style.visibility="hidden" } } function iecompattest(){ return (document.compatMode!="BackCompat")? document.documentElement : document.body } if (document.all && document.getElementById){ window.onload=populatescroller window.onresize=populatescroller } </script> <br><br><br><br>

نوشته در سایت بصورت های لایت و متحرک با حرکت افقی

<div style="position:relative;left:0px;top:0px"> <span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span> </div> <script type="text/javascript"> /* Highligher Scroller script- By JavaScript Kit For this and over 400+ free scripts, visit http://www.javascriptkit.com/ This notice must stay intact */ var tickercontents=new Array() tickercontents[0]='Looking for free Java applets and resources? Visit <a href="http://freewarejava.com">Freewarejava.com</a>!' tickercontents[1]='Hop on over to <a href="http://www.codingforums.com">Coding Forums</a> to get help on web coding!' tickercontents[2]='This scroller\'s brought to you by <a href="http://www.javascriptkit.com">JavaScript Kit</a>' var tickdelay=3000 //delay btw messages var highlightspeed=10 //10 pixels at a time. ////Do not edit pass this line//////////////// var currentmessage=0 var clipwidth=0 function changetickercontent(){ crosstick.style.clip="rect(0px 0px auto 0px)" crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ var msgwidth=crosstick.offsetWidth if (clipwidth<msgwidth){ clipwidth+=highlightspeed crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipwidth=0 clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() } if (document.all || document.getElementById) window.onload=start_ticking </script>

نوشته در سایت بصورت متحرک و های لایت با حرکت عمودی

<script type="text/javascript"> // Highlighter Scroller II script- By JavaScript Kit (http://www.javascriptkit.com) // For this and over 400+ free scripts, visit http://www.javascriptkit.com/ // This notice must stay intact //CONFIGURE MESSAGES AND VARIABLES var tickercontents=new Array() tickercontents[0]='Looking for tutorials on PHP, JavaScript, XML, or CSS? Visit <a href="http://www.codetricks.com">Code Tricks</a>!' tickercontents[1]='Hop on over to <a href="http://www.codingforums.com">Coding Forums</a> to get help on web coding!' tickercontents[2]='This scroller\'s brought to you by <a href="http://www.javascriptkit.com">JavaScript Kit</a>- Free scripts and tutorials!' var tickerwidth="200px" var tickerheight="70px" var fontcss="font: bold 14px Verdana; color:black" var tickdelay=3000 //delay btw messages var highlightspeed=2 //2 pixels at a time. var highlightcolor="lightyellow" var backdroptextcolor="#E1E1E1" ////Do not edit pass this line//////////////// document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>') document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">') document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>') document.write('</div>') var currentmessage=0 var clipbottom=1 function changetickercontent(){ msgheight=clipbottom=crosstick.offsetHeight crosstick.style.clip="rect("+msgheight+"px auto auto 0px)" crosstickbg.innerHTML=tickercontents[currentmessage] crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ //var msgheight=crosstick.offsetHeight if (clipbottom>0){ clipbottom-=highlightspeed crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipbottom=msgheight clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() } if (document.all || document.getElementById) window.onload=start_ticking </script>

حروف متحرک در داخل کادر با با حرکت افقی

<center> <h1>Marquee Replacement - Horizontal Scroll</h1> Hover your mouse over the text area to pause the scroller.<br><br> <table cellpadding=0 cellspacing=0 border=1><tr><td> <script language="javascript"> /******************************************* Horizontal Scroller (Marquee Replacement) v-1.2 Brian Gosselin - http://scritpasylum.com Version info: V-1.0: Initial release. V-1.1: Fixed a bug where the content causes parent container element to shrink and grow in NS6. V-1.2: Added selectable support for pausing the scrolling when box moused-over. *******************************************/ //ENTER CONTENT TO SCROLL BELOW. var content='You <s>can</s> "put" any <b>HTML</b> <font color="red">in</font> <i>here</i>. Note: any content exceeding the boxwidth setting will wrap to another line.'; var boxheight=45; //BACKGROUND BOX HEIGHT IN PIXELS. var boxwidth=390; //BACKGROUND BOX WIDTH IN PIXELS. var boxcolor="#FFF6e9"; //BACKGROUND BOX COLOR. var speed=60; //SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS).. var pixelstep=2; //PIXELS "STEPS" PER REPITITION. var goright=false; //LEFT TO RIGHT=TRUE , RIGHT TO LEFT=FALSE var pauseOnmouseover=true; //SET TO "true" TO ENABLE PAUSE WHEN MOUSEOVER, "false" TO DISABLE IT. //** DO NOT EDIT BEYOND THIS POINT ** var outer,inner,ref,elementwidth; var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; var txt=''; var goscroll=true; if(ns4){ txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>'; txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width="'+boxwidth+'" height="'+boxheight+'"></ilayer>'; txt+='</td></tr></table>'; txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width="'+boxwidth+'" height="'+boxheight+'" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>'; txt+='<layer name="inner" visibility="hidden" left="2" top="2">'; txt+=content; txt+='</layer></layer>'; }else{ txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; visibility:visible; background-color:'+boxcolor+';" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'></div>'; txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden;">'; txt+='<div id="inner" style="position:absolute; visibility:hidden; left:2px; top:2px; overflow:hidden; cursor:default;" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>'; txt+=content; txt+='</div></div>'; } document.write(txt); txt=0; function getPageLeft(el){ var x; if(ns4)return el.pageX; if(ie4||w3c){ x = 0; while(el.offsetParent!=null){ x+=el.offsetLeft; el=el.offsetParent; } x+=el.offsetLeft; return x; }} function getPageTop(el){ var y; if(ns4)return el.pageY; if(ie4||w3c){ y=0; while(el.offsetParent!=null){ y+=el.offsetTop; el=el.offsetParent; } y+=el.offsetTop; return y; }} function getElWidth(el){ if(ns4)return (el.document.width)? el.document.width : el.clip.right-el.clip.left; else if(ie4||ie5)return (el.style.width)? el.style.width:el.clientWidth; else if(w3c)return (el.style.width)?parseInt(el.style.width):parseInt(el.offsetWidth); else return -1; } window.onresize=function(){ if(ns4)setTimeout('history.go(0)', 400); else{ outer.style.left=getPageLeft(ref)+'px'; outer.style.top=getPageTop(ref)+'px'; }} function scrollbox(){ if(goscroll){ if(ns4){ inner.left+=(goright)? pixelstep: -pixelstep; inner.clip.right=(boxwidth-inner.left-2>boxwidth)? boxwidth-2 : boxwidth-inner.left-2; inner.clip.left=-inner.left+2; if(goright){ if(inner.left>boxwidth)inner.left=-elementwidth; }else{ if(inner.left<-elementwidth)inner.left=boxwidth+2; }}else{ inner.style.left=parseInt(inner.style.left)+((goright)? pixelstep: -pixelstep)+'px'; if(goright){ if(parseInt(inner.style.left)>boxwidth)inner.style.left=-elementwidth+'px'; }else{ if(parseInt(inner.style.left)<-elementwidth)inner.style.left=boxwidth+2+'px'; }}}} window.onload=function(){ ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref'); outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer'); inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner'); elementwidth=getElWidth(inner); if(ns4){ outer.clip.width=boxwidth; outer.clip.height=boxheight; outer.moveTo(getPageLeft(ref),getPageTop(ref)); inner.left=(goright)? -elementwidth : boxwidth-2; inner.clip.width=0 inner.clip.height=boxheight-4; outer.visibility="show"; inner.visibility="show"; }else{ outer.style.left=getPageLeft(ref)+'px'; outer.style.top=getPageTop(ref)+'px'; inner.style.width=elementwidth+'px'; inner.style.left=((goright)? -elementwidth : boxwidth-2)+'px'; inner.style.visibility="visible"; } setInterval('scrollbox()',speed); } </script> </td></tr></table> </center> <br>

حروف متحرک در داخل کادر با حرکت عمود

<script language="javascript"> /******************************************* Vertical Scroller (Marquee Replacement) v-1.3 Brian Gosselin - http://scriptasylum.com Version notes: V-1.0: Initial release. V-1.1: Fixed bug in NS6 where page shrinks and grows as content scrolls. You no longer have to specify content height, the script does this for you. V-1.2: Fixed a bug in NS4 where scrolling content would dictate the bottom boundary of box script. V-1.3: Added selectable support for pausing the scrolling when box moused-over. *******************************************/ //ENTER CONTENT TO SCROLL BELOW. var content='You <s>can</s> "put" most any type of <b>HTML</b> <font color="red">in</font> <i>here</i>.<br><br>V-1.1: This script has been updated to fix a bug when used in Netscape 6.2. This bug caused the page to "grow" and "shrink" as the content scrolled in and out of view.<br><br>V-1.2: Fixed a bug in Netscape 4 which caused the scrolling content to dictate bottom script boundary.<br><br>Also, you no longer have to specify the scrolling content height, the script does this for you.<br><br>V-1.3: Added support for pausing the scrolling when box moused-over. This feature is selectable.'; var boxheight=150; // BACKGROUND BOX HEIGHT IN PIXELS. var boxwidth=300; // BACKGROUND BOX WIDTH IN PIXELS. var boxcolor="#FFF6e9"; // BACKGROUND BOX COLOR. var speed=50; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS).. var pixelstep=1; // PIXELS "STEPS" PER REPITITION. var godown=false; // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE var pauseOnmouseover=true; //SET TO "true" TO ENABLE PAUSE WHEN MOUSEOVER, "false" TO DISABLE IT. // DO NOT EDIT BEYOND THIS POINT var outer,inner,elementheight,ref,refX,refY; var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; var txt=''; var goscroll=true; if(ns4){ txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>'; txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>'; txt+='</td></tr></table>' txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+' '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>'; txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>'; txt+='</layer>'; }else{ txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';"></div>'; txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>'; txt+='<div id="inner" style="position:absolute; visibility:hidden; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>'+content+'</div>'; txt+='</div>'; } document.write(txt); txt=''; function getElHeight(el){ if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top; else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight; else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight); } function getPageLeft(el){ var x; if(ns4)return el.pageX; if(ie4||w3c){ x = 0; while(el.offsetParent!=null){ x+=el.offsetLeft; el=el.offsetParent; } x+=el.offsetLeft; return x; }} function getPageTop(el){ var y; if(ns4)return el.pageY; if(ie4||w3c){ y=0; while(el.offsetParent!=null){ y+=el.offsetTop; el=el.offsetParent; } y+=el.offsetTop; return y; }} function scrollbox(){ if(goscroll){ if(ns4){ inner.top+=(godown)? pixelstep: -pixelstep; if(godown){ if(inner.top>boxheight)inner.top=-elementheight; }else{ if(inner.top<2-elementheight)inner.top=boxheight+2; }}else{ inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px'; if(godown){ if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px'; }else{ if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px'; }}}} window.onresize=function(){ if(ns4)setTimeout('history.go(0)', 400); else{ outer.style.left=getPageLeft(ref)+'px'; outer.style.top=getPageTop(ref)+'px'; }} window.onload=function(){ outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer'); inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner'); ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref'); elementheight=getElHeight(inner); if(ns4){ outer.moveTo(getPageLeft(ref),getPageTop(ref)); outer.clip.width=boxwidth; outer.clip.height=boxheight; inner.top=(godown)? -elementheight : boxheight-2; inner.clip.width=boxwidth-4; inner.clip.height=elementheight; outer.visibility="show"; inner.visibility="show"; }else{ outer.style.left=getPageLeft(ref)+'px'; outer.style.top=getPageTop(ref)+'px'; inner.style.top=((godown)? -elementheight : boxheight)+'px'; inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)'; outer.style.visibility="visible"; inner.style.visibility="visible"; } setInterval('scrollbox()',speed); } </script> <style type="text/css"> body { background-color:white; font-size:10pt; font-family:sans-serif; color:#00436e; } </style>

.:: This Package Designed By MIDORI ::.