.:: SamanOnline ::.

کد جاوا اسکریپ(10)

متنی زیبا در صفحه

<SCRIPT LANGUAGE="JavaScript"> var max=0; function coffeetext() { max=coffeetext.arguments.length; for (i=0; i<max; i++) this[i]=coffeetext.arguments[i]; } tl = new coffeetext( "This is a scroller that allows you to display text like in a terminal.", "Download some great software here http://www.coffeecup.com", "The text scroller keeps going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going." ); var x = 0; pos = 0; var l = tl[0].length; function coffeetextdisplay() { document.tickform.coffeetextfield.value = tl[x].substring(0, pos) + "_"; if(pos++ == l) { pos = 0; setTimeout("coffeetextdisplay()", 2000); if(++x == max) x = 0; l = tl[x].length; } else setTimeout("coffeetextdisplay()", 50); } </script>  <BODY OnLoad="coffeetextdisplay()">  <center> <form name=tickform> <textarea name=coffeetextfield rows=6 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>Text will appear here when the page has finished loading.</body> </html> </body> </html> </body> </html>

اسکرول کردن عمودی

 <HEAD> <SCRIPT LANGUAGE="JavaScript"> function CoffeeScroll() { for (I=1; I<=750; I++){ parent.scroll(1,I) } } // End --> </SCRIPT>  <BODY><CENTER><FORM><input type=button value="Scroll Page" onClick="CoffeeScroll()"></FORM></CENTER>

نشانگر تاریخ به روز رسانی سایت

<script language="JavaScript">  </script></body> </html> </body> </html> </body> </html> </body> </html>

بارش باران

<body> <SCRIPT LANGUAGE="JavaScript">  var no = 50; var speed = 2; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script> </body>

بارش برف

<html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style>.drop { FONT-SIZE: 40px; FILTER: flipV(), flipH(); WIDTH: 3px; COLOR: blue; POSITION: absolute } </style> <script language="javascript"> snow = true; // false-rain; true-snow snowsym = " * " //These are the symbols for each rainsym = " ' " //You can put images here. howmany = 20 //How many drops/snowflakes? if(snow){sym = snowsym; speed=1; angle=10; drops=howmany} else{sym = rainsym; speed=50; drops=howmany; angle=6} movex = -speed/angle; movey = speed; count = 0; function moverain(){ for(move = 0; move < drops; move++){ xx[move]+=movex; yy[move]+=mv[move]; hmm = Math.round(Math.random()*1); if(xx[move] < 0){xx[move] = maxx+10;} if(yy[move] > maxy){yy[move] = 10;} drop[move].left = xx[move] drop[move].top = yy[move]+document.body.scrollTop; }setTimeout('moverain()','1')} </script> <script language="javascript"> if (document.all){ drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array() ly = "document.all[\'"; st = "\'].style" for(make = 0; make < drops; make++){ document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>'); drop[make] = eval(ly+'drop'+make+st); maxx = document.body.clientWidth-40 maxy = document.body.clientHeight-40 xx[make] = Math.random()*maxx; yy[make] = -100-Math.random()*maxy; drop[make].left = xx[make] drop[make].top = yy[make] mv[make] = (Math.random()*5)+speed/4; drop[make].fontSize = (Math.random()*10)+20; if(snow){col = 'white'}else{col = 'blue'} drop[make].color = col; } window.onload=moverain } </script> </html> </head> </body> 

انتقال خودکار کاربر از سایتی به سایت دیگر

<p><form name="redirect"> <center> <font face="Arial"><b>You will be redirected to the script in<br><br> <form> <input type="text" size="3" name="redirect2"> </form> seconds</b></font> </center> <script>  </script> </p> </body> </html></body> </html>

لرزش موقت جستجوگر

 <meta http-equiv="Content-Language" content="en-us"> <SCRIPT language=JavaScript>   </SCRIPT> </body> </html> </body> </html> </body> <p align="center"> <a href="http://www.webloger.5u.com" style="text-decoration: none"> <span style="font-weight: 700"><font face="Tahoma" size="2" color="#008000"> W</font></span></a><a href="http://www.webloger.5u.com" style="text-decoration: none; font-weight: 700"><font face="Tahoma" size="2" color="#008000">ebloger Website</font></a></p> </html>

ساعت های زنده شهر های دنیا

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>New Page 2</title> </head> <body> <table border="0" width="200" cellspacing="0" cellpadding="3"> <form name="where"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option> <option value="0">London GMT</option> <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Drop Down World Clock- By Learn iran (http://www.webloger.5u.com) Portions of code by Kurt @ http://www.webloger.5u.com/ This credit notice must stay intact */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script>  <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> <p> <font face="arial" size="-2">This free script provided by <a href="http://www.webloger.5u.com/">webloger site</a></font> </td> </form> </tr> </table> </body> </html>

ساعت وتاریخ در استاتوس بار

<script language="JavaScript"> function doClock() { window.setTimeout( "doClock()", 1000 ); today = new Date(); self.status = today.toString(); } doClock() </script>

نشانگر مدت زمان بازدید به بازدید کننده

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <SCRIPT lang=JavaScript> day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert(" الان عزيزم " + minsVisit + " دقيقه هست كه اينجايی خسته كه نشدی؟ " + secsVisit + ""); } document.write("<form name=\"form\">" + "<input type=button style='cursor=help' style='border=blue' style='height=20' style='background=#000099' style='color=white' value=\"Click for info!\"" + " name=button onClick=\"timeInfo()\"></form>"); onError = null; clock(); </SCRIPT></body> </html> </body> </html>

+ نوشته شده در شنبه 1384/11/08ساعت 10:26 قبل از ظهر توسط سامان |

کد جاوا اسکریپ(9)

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

<HTML> <HEAD> <script LANGUAGE="JavaScript" FPTYPE="dynamicanimation8">  </script> </HEAD> <BODY onload="dynAnimation8()"> <p dynamicanimation8="dropWord" style="position: relative !important; left: 10000 !important"><FONT SIZE=5>The Falling Words JavaScript works only in IE4+</FONT></p> </BODY> </HTML> </body> </html>

آخرین تاریخ بازنشاندن صفحه

<CENTER> <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. var dateMod = "" ;dateMod = document.lastModified ;document.write("Last Updated: "); document.write(dateMod); document.write(); // --></SCRIPT> </CENTER>

با آوردن موس بر روی لینک متن شما در زیر آن ضاهر می شود

<html> <head> <TITLE>menu visibility</title> <style type="text/css"> .Menu { position: absolute; width: 80%; border: 1px white; background-color: white; layer-background-color: white; top: 100px; left : 10%; line-height : 25px; font-family : Arial; visibility: hidden; } .Mo { position: absolute; text-decoration : none; border: 0px white; background-color: white; layer-background-color: white; top: 100px; left: 10%; width: 80%; font-family : Arial; visibility: hidden; } .hide { visibility: hidden; font-family : Arial; } </style> <script> var mo_lastMenu; var lastMenu = "null"; if (document.layers) { visible = 'show'; hidden = 'hide'; } else if (document.all) { visible = 'visible'; hidden = 'hidden'; } function toggle(menu) { if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { clean(lastMenu); Menu.visibility = visible; } lastMenu = Menu; } function clean(Menu){ if (Menu == "null"){ return; } if (Menu.visibility == visible) { Menu.visibility = hidden; } } function mo_toggle(menu) { if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { Menu.visibility = visible; } mo_lastMenu = Menu; } </script> </head> <body bgcolor="White"> <CENTER> <A href="#" onclick="toggle('clickWeb');return false;" onmouseout="javascript:mo_toggle('mo_web');return false;" onmouseover="javascript:mo_toggle('mo_web');return false;" > <B><font size="+1" color="purple" face="Arial">Put Mouse Over Here here</A></B></FONT> </CENTER> <div id="mo_web" class="Mo"> <FONT SIZE="+2" COLOR="green" face="Arial"><CENTER> This is what happens!! </FONT></CENTER> </div> <div id="clickWeb" class="Menu"> <FONT SIZE="+2" COLOR="red" face="Arial"><CENTER> Clicking the link presents these results. </FONT></CENTER> </div> <BR> </body> </html>

متن های پشت سر هم به صورت پیغام

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY onLoad="CC_Message()"> <CENTER> <FORM> <input type="button" Value="New Murphy's Law" onClick="CC_Message()"> </FORM> </CENTER>

تغییر رنگ متن به صورت مداوم

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

متن در حال حرکت

<script language="JavaScript"> // Modified by CoffeeCup Software var id,pause=0,position=0,revol=9; function banner() { var i,k; var msg=" Your Text Here "; var speed=10; document.thisform.thisbanner.value=msg.substring(position,position+50); if(position++==msg.length) { if (revol-- < 2) return; position=0; } id=setTimeout("banner()",1000/speed); } </script> </head> <body bgcolor="ffffff" onload="banner()"> <CENTER><form name="thisform"> <input type="text" name="thisbanner" size="40"> </FORM> </CENTER>

Text Area در حال حرکت

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD> <BODY OnLoad="CC_Scroller(0);"> <center> <form name="scrollform"> <select name="scroller" size=8> <option> <option> <option> <option> <option> <option> <option> <option> <option>This textarea will auto <option>scroll text moving it <option>upwards until all the <option>lines have been displayed. <option> <option> <option>You can leave as many <option>blank lines as you feel <option>necessary to give the <option>look of begining and <option>ending. <option> <option>Neat, huh? <option> </select> </form> </center>

مشخص کنندهء تعداد رجوع به صفحه

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

نشان دهندهء متن به صورت اسلاید

<HTML>   <HEAD> <TITLE>AMAZING TEXT SLIDESHOW</TITLE>  <SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. function makeArray() { this.length = makeArray.arguments.length; for (var i = 0; i < this.length; i++) this[i + 1] = makeArray.arguments[i]; } function ccText (val1, val2, val3, val4) { this.curText = ''; this.posit = 1; this.word = val1; this.length = val1.length; this.val3 = val3; this.val2 = val2; this.val4 = val4; this.print = ccText2; } function ccText2() { if (this.posit <= this.length) { this.curText = this.word[this.posit] outStringWord = ccU + this.val3 + this.curText + ccD; parent.draw.location = 'javascript:parent.outStringWord'; this.posit++; } else { doneLoop = true; top.location = this.val4; } } function ccTextSlide() { if (!doneLoop) reDraw = setTimeout('ccTextSlide()', wordIntro.val2); wordIntro.print(); }  var words = new makeArray (' Hello ',' ...and welcome to CoffeeCup Software. ', ' This is our <U>TEXT SLIDESHOW...</U> ', ' Use this script to open up your website... ', ' Display important or urgent news... ', ' Finish it with an <A HREF=http://www.coffeecup.com/><B>auto-link</B></A> to your website!! '); var wordIntro = new ccText (words, 2000, '<CENTER><FONT SIZE=5 FACE=VERDANA, ARIAL, Comic Sans MS>', 'http://www.coffeecup.com/');   var ccU = '<HTML><BODY BGCOLOR="#000000" TEXT= "#000000"><CENTER><H3><FONT FACE=ARIAL SIZE=6 COLOR=#FFFFFF>The Amazing Text Slideshow</FONT></h3></CENTER><BR><BR><CENTER><TABLE WIDTH=100% BGCOLOR=#FFFFFF><TR><TD>'; var ccD = '</TD></TR></table><br><br></HTML>'; var ccB = ccU + ccD; var doneLoop = false; </SCRIPT> <FRAMESET onLoad="ccTextSlide()" ROWS="100%, *" FRAMEBORDER=NO BORDER=0> <FRAME SCROLLING=AUTO SRC="javascript:parent.ccB" NAME="draw" MARGINWIDTH=3 MARGINHEIGHT=3> </FRAMESET> </HEAD> </HTML>

بالا و پایین کردن لینک به صورت بسیار جالب

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function CoffeeScroll(dir, spd, loop) { loop = true; direction = "up"; speed = 10; scrolltimer = null; if (document.layers) { var page = eval(document.contentLayer); } else { if (document.getElementById) { var page= eval("document.getElementById('contentLayer').style"); } else { if (document.all) { var page = eval(document.all.contentLayer.style); } } } direction = dir; speed = parseInt(spd); var y_pos = parseInt(page.top); if (loop == true) { if (direction == "dn") { page.top = (y_pos - (speed)); } else { if (direction == "up" && y_pos < 10) { page.top = (y_pos + (speed)); } else { if (direction == "top") { page.top = 10; } } } scrolltimer = setTimeout("CoffeeScroll(direction,speed)", 1); } } function CoffeeScrollStop() { loop = false; clearTimeout(scrolltimer); } // End --> </script> </head> <body> <div id="contentLayer" style="position:absolute; width:300px; z-index:1; left: 39px; top: 51px"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>Put the text you want displayed here!!! </div> <div id="scrollmenu" style="position:absolute;width:200px;height:30px;z-index:1; left:400px; top: 40px"> <table border=1><tr><td> <table> <tr> <td align=left>Up</td> <td> </td> <td align=right>Down</td> </tr> <tr> <td colspan=3> <a href="#" onMouseOver="CoffeeScroll('up','25','true')" onMouseOut="CoffeeScrollStop()"><<<</a> <a href="#" onMouseOver="CoffeeScroll('up','5','true')" onMouseOut="CoffeeScrollStop()"><<</a> <a href="#" onMouseOver="CoffeeScroll('up','1','true')" onMouseOut="CoffeeScrollStop()"><</a> | <a href="#" onMouseOver="CoffeeScroll('dn','1','true')" onMouseOut="CoffeeScrollStop()">></a> <a href="#" onMouseOver="CoffeeScroll('dn','5','true')" onMouseOut="CoffeeScrollStop()">>></a> <a href="#" onMouseOver="CoffeeScroll('dn','25','true')" onMouseOut="CoffeeScrollStop()">>>></a> </td> </tr> </table> </td></tr></table> </div> </body> </html>  <BODY>

+ نوشته شده در شنبه 1384/11/08ساعت 10:14 قبل از ظهر توسط سامان |

.:: SamanOnline ::.

کد جاوا اسکریپ(10)

کد جاوا اسکریپ(9)

پیوندهای روزانه

نوشته های پیشین

آرشیو موضوعی

نویسندگان

پیوندها