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

جاوا اسکریپت (1)

اسکریپت های ویژهء جاوا ( صفحهء اول )؟

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

Drop Down

یک منو بسیار زیبا

<style>  </style></HEAD> <BODY> <ilayer id="coffeemenu01" height=35px> <layer id="coffeemenu02" visibility=show> <span id="wrapper"> <span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"> <font face="Verdana"><b><a href="notthisbrowser.html">Click Here To Navigate</a></b></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font face="ARIAL BLACK"><a href="http://www.webloger.5u.com">Order Our Stuff</a><br>' selection[1]='<a href="http://www.webloger.5u.com">Contact Us via E-mail</a><br>' selection[2]='<a href="http://www.webloger.5u.com">Help With Our Items</a><br>' selection[3]='<a href="http://www.webloger.5u.com">Products We Have</a><br>' selection[4]='<a href="http://www.webloger.5u.com">Services We Offer</a><br></font>' if (document.layers) document.coffeemenu01.document.coffeemenu02.visibility='show' function dropit2(){ if (document.all){ coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (coffeemenu03.style.visibility=="hidden"){ if (enableeffect) coffeemenu03.filters.revealTrans.apply() coffeemenu03.style.visibility="visible" if (enableeffect) coffeemenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.coffeemenu03.visibility=="hide") document.coffeemenu03.visibility="show" else document.coffeemenu03.visibility="hide" document.coffeemenu03.left=e.pageX-e.layerX document.coffeemenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) coffeemenu03.filters.revealTrans.stop() coffeemenu03.style.visibility="hidden" } function hidemenu2(){ document.coffeemenu03.visibility="hide" } if (document.layers){ document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK) document.coffeemenu01.document.coffeemenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) coffeemenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.coffeemenu03.captureEvents(Event.CLICK) document.coffeemenu03.onclick=hidemenu2 } </script>

Message Reader

نمایش متن به صورت افکت

<body onload="if (document.all||document.layers) {regenerate2();update()}"> <style>  </style> <div id="msgline"> <div id="msgtext" class="msgtextfont">Starting Messages...</div> </div> <script language="JavaScript1.2"> var speed=4000 var news=new Array() news[0]="<a href='http://www.webloger.5u.com'>First line of text....</a>" news[1]="<a href='http://www.webloger.5u.com'>Second line of text....</a>" news[2]="<a href='http://www.webloger.5u.com'>Third line of text....</a>" news[3]="<a href='http://www.webloger.5u.com'>Add as many as you want....</a>" i=0 if (document.all) tickerobject=document.all.msgtext.style else tickerobject=document.msgline.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>') document.msgline.document.msgtext.document.close() } else document.all.msgtext.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; MsgDither(); } function MsgDither() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('MsgDither()',50); } step++; } </script>

Rolling Credits

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

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY onload="scroller()"> <CENTER> <font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p> <font face="VERDANA, ARIAL" size="4">This script allows you to: <HR WIDTH=350 NOSHADE> <P> www.webloger.5u.com<P> Place<P> text<P> descriptions<p> of <P>any <P>sort<p> and it will <P>scroll up<p> the page <P>until its done.<p> <P> You can even<P> make <A HREF="http://www.webloger.5u.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER>

Slide Out

نمایش لینک به صورت منویی

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()"> <DIV ID="slideoutInterface"> <DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout1)">Contact Us</A></P></DIV> <DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout2)">Help</A></P></DIV> <DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout3)">Services</A></P></DIV> <DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout4)">Products</A></P></DIV> <DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout5)">Order</A></P></DIV> <DIV ID="slideoutContent"> <DIV ID="slideoutContent1"> <P ALIGN="CENTER"><STRONG>Contact Us</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.webloger.5u.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent2"> <P ALIGN="CENTER"><STRONG>Help</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.webloger.5u.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent3"> <P ALIGN="CENTER"><STRONG>Services</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.webloger.5u.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent4"> <P ALIGN="CENTER"><STRONG>Products</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.webloger.5u.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent5"> <P ALIGN="CENTER"><STRONG>Order</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.webloger.5u.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> </DIV> </BODY> </HTML>

Zoom Message

نمایش متن به صورت افکت

<style type="text/css"> body { background-color:#FFFFFF; font-family: Arial; font-size:10pt; } </style> <script> // text=new Array('www.','webloger','.5u','.com','The Best Website') // var numText=5 // color=new Array('#000000','#2F2F2F','#4F4F4F','#7F7F7F','#408080') // var numColors=5 // var endSize=70 // var Zspeed=30 // var Cspeed=200 // var font='Arial Black' // var hide=false var size=10 var gonum=0 var ie, n; if (document.all) { n=0 ie=1 zoomText='document.all.zoom.innerText=text[num]' zoomSize='document.all.zoom.style.fontSize=size' closeIt="" fadeColor="document.all.zoom.style.color=color[num]" } if (document.layers) { n=1;ie=0 zoomText="" zoomSize="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')" closeIt="document.zoom.document.close()" fadeColor="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'\">'+text[numText-1]+'</p>')" } function zoom(num,fn){ if (size<endSize){ eval(zoomText) eval(zoomSize) eval(closeIt) size+=5; setTimeout("zoom("+num+",'"+fn+"')",Zspeed) }else{ eval(fn); } } function fadeIt(num){ if (num<numColors){ eval(fadeColor) eval(closeIt) num+=1; setTimeout("fadeIt("+num+")",Cspeed) }else{ hideIt() } } function hideIt(){ if(hide){ if(ie)document.all.zoom.style.visibility="hidden" if(n)document.layers.zoom.visibility="hidden" } } function init(){ if(ie){ document.all.zoom.style.color=color[0] document.all.zoom.style.fontFamily=font } if(ie || n) go(0) } function go(num){ gonum+=1 size=10 if(num<numText){ zoom(num,'go('+gonum+')') }else{ fadeIt(0) } } </script> </head> <body onload="init()" bgcolor="FFFFFF"> <CENTER> </CENTER><P> <div id="zoom" align="center" style="position:absolute; top:150"> </DIV>

Add Bookmark

اضافه کردن صفحه در بوکمارک

<script language="JavaScript1.2">  </script>  <a href="javascript:ccaddbookmark()" target="_self"> <font size="1" face="Arial">[ Add Webloger to your Favorites ]</font> </a>

Mouse Cursor Crosshairs

دو خط قرمز بسیار زیبا به دنبال موس

<style>  </style>  <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <script language="JavaScript1.2">  </script>

Default Start Up Page Link

لینک قرار دادن سایت در هوم پیج

<font face="Tahoma" size="2" color="#008000"> <a class="chlnk" style="cursor:hand; text-decoration:none; font-weight:700" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.webloger.5u.com/');"> Click here to make Webloger your default homepage! </a> </font>

Disable Right Click Menu

از کار انداختن راست کلیک

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

Find In Page Form

قرار دادن جستجوگر کلمه در سایت

<script language="JavaScript"> var NS4 = (document.layers); var IE4 = (document.all); var win = window; var n = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert("Not found."); } if (IE4) { txt = win.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } else { if (n > 0) { n = 0; findInPage(str); } else alert("Not found."); } } return false; } </script>  <form name="search" onSubmit="return findInPage(this.string.value);"> <font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font> <input type="submit" value="Find"> </form>

Left-to-Right Page Scroll

از چپ به راست بردن اسکرول لاک

<script language="JavaScript1.2">  </script>

Scrollable Embedded Window

قرار دادن متن در پنجره ای زیبا

<ilayer name="scroll1" width=170 height=150 clip="0,0,170,150"> <layer name="scroll2" width=170 height=150 bgColor="white"> <div id="scroll3" style="width:170;height:150;background-color:yellow;overflow:scroll"> This is a nifty little script that allows you to put any content you want within a scrollable mini "window". This will allow you to save valuable screen space while making your page more "interactive". <br><br> This script uses two different techniques, one for Internet Explorer and one for Netscape, to create the scrollable window. <br><br> IE 4+ users will be able to use scrollbars to scroll the window, while Netscape users will have to use the "up" and "down" buttons instead (since Netscape does not support the adding of scrollbars to the "window" contents). </div> </layer> </ilayer> <script> var nsstyle='display:""' if (document.layers) var scrolldoc=document.scroll1.document.scroll2 function up(){ if (!document.layers) return if (scrolldoc.top<0) scrolldoc.top+=10 temp2=setTimeout("up()",50) } function down(){ if (!document.layers) return if (scrolldoc.top-150>=scrolldoc.document.height*-1) scrolldoc.top-=10 temp=setTimeout("down()",50) } function clearup(){ if (window.temp2) clearInterval(temp2) } function cleardown(){ if (window.temp) clearInterval(temp) } </script> <br><span style="display:none" style=&{nsstyle};><a href="#" onMousedown="up()" onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up</a> | <a href="#" onMousedown="down()" onMouseup="cleardown()" onClick="return false" onMouseout="cleardown()">Down</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=0;return false">Top</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false">Bottom</a></span>

2 ا?ن ?ادداشت در چهارشنبه بیست و دوم تیر 1384ساعت 18:47 توسط bahram نوشته شد. |

کد جاوا اسکریپت(2)

اسکریپت های ویژهء جاوا ( صفحهء دوم )؟

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

به شما پیشنهاد می کنم که تمامی این اسکریپت ها را امتحان کنید .

Window Auto Maximize

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

<script language="JavaScript1.2">  </script>

Watermark Jump to Top Link

پرش به بالای صفحه

<script>  </script>

Watermark Navigation Menu

منویی زیبا که همیشه همراه تان است

<STYLE TYPE="text/css">  </STYLE>  <SCRIPT Language="Javascript1.2">  </SCRIPT>

Mouse Cursor Text Trailer

نمایش متن دلخواه شما به دنبال موس

<style> .trailerstyle { position: absolute; visibility: visible; top: -50px; font-size: 12px; font-family: Arial,Helvetica,Verdana; font-weight: bold; color: #000000; } </style> <script>  </script>  <script>  </script>  example: <body onLoad="mousetrailer()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

Background Changer

تغییر رنگ پشت صفحه

<script> // Modified by CoffeeCup Software function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16; hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function bgChanger (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_valA; document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end; } </script> </head> <body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF" alink="FF00FF"> <script>  </script> </head> <body> <BODY BGCOLOR=000000 text="#ffffff" link="#0000ff" vlink="#c00c0"> <CENTER><H2>Saman Golestani</CENTER></H2>

Opens a separate window

ایجاد لینک زیر شاخه ای

<script language="JavaScript">  </SCRIPT> <CENTER> <FORM NAME="myform"> <SELECT NAME="dest" SIZE=1> <OPTION VALUE="http://www.coffeecup.com">CoffeeCup Software <OPTION VALUE="http://www.tmcm.com">Too Much Coffee Man <OPTION VALUE="http://www.netscape.com">Netscape <OPTION VALUE="http://www.infoseek.com">InfoSeek </SELECT> <P> <INPUT TYPE="BUTTON" VALUE="Go !" onClick="surfto(this.form)"> </FORM> </CENTER>

On / Off Screen

دکمهء خاموش و روشن کردن صفحه

<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 blinkOn(){ theWin.document.bgColor = "#000000" nTimes++ CCTimeOutID = window.setTimeout("blinkOff()",250); } function blinkOff(){ theWin.document.bgColor = "FFFFFF" if (nTimes < 5) CCTimeOutID = window.setTimeout("blinkOn()",250); else theWin.history.go(0) } function blinkCC(aWin) { nTimes = 0 theWin = aWin CCTimeOutID = window.setTimeout("blinkOn()",250); } </SCRIPT> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="On/Off Switch" onClick="blinkCC(self)"></FORM></CENTER>

Change Background

تغییر رنگ پشت صفحه

<CENTER> <FORM> <FONT FACE="VERDANA, ARIAL"><B>Choose a background color:</B></FONT> <SELECT name="ccGround" size="1" onChange=(document.bgColor=ccGround.options[ccGround.selectedIndex].value)> <OPTION value="408080" target="1" selected>Cool Green <OPTION value="C0C0C0" target="1">Cool Grey <OPTION value="000000" target="1">Black <OPTION value="730200" target="1">DarkRed <OPTION value="231800" target="1">Brown <OPTION value="044302" target="1">DarkGreen <OPTION value="0D09A3" target="1">Dark Blue <OPTION value="808040" target="1">Avocado <OPTION value="800080" target="1">Purple <OPTION value="444444" target="1">Gray <OPTION value="FF0400" target="1">Red <OPTION value="EFE800" target="1">Yellow <OPTION value="05EF00" target="1">Green <OPTION value="0206FF" target="1">Blue <OPTION value="AE08EF" target="1">Violet <OPTION value="FF8C8A" target="1">Mauve <OPTION value="FF80FF" target="1">Pink <OPTION value="FFCCCC" target="1">Peach <OPTION value="FFCC99" target="1">Orange <OPTION value="000080" target="1">Darker Blue <OPTION value="808080" target="1">Dark Grey <OPTION value="D5CCBB" target="1">Tan <OPTION value="DDDDDD" target="1">LightGray <OPTION value="FBFF73" target="1">Light Yellow <OPTION value="7CFF7D" target="1">LightGreen <OPTION value="A6BEFF" target="1">Light Blue <OPTION value="FFFFFF" target="1">White </SELECT></FORM></CENTER>

Close Browser

خروج از جستجوگر

<script language="JavaScript">  </script> <center> <form> <input type=button value="Close Window" onClick="closeIt()"> </form> </center>

Back / Forward Buttons

قرار دادن دکمهء عقب / جلو

<SCRIPT LANGUAGE="JavaScript">  </script> <FORM METHOD="post"> <INPUT TYPE="button" VALUE=" BACK " onClick="goHist(-1)"> <INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)"> </form>

Add to Favorites

اضافه کردن به Favorites

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

Background Info Scroller

پشت صفحه متحرک

<SCRIPT LANGUAGE="JavaScript1.1">  </SCRIPT> <STYLE> .ticker { position: absolute; top:1200px; font-family:arial; font-weight:bold; font-size:40px; color:DDDDDD; } </STYLE> <body onLoad="showAlert()"> <div id="bgtick" class="ticker"> </div> <div id="mainbod" style="position:absolute; visibility:visible"> </div>

Browser ID

جستجو گر آی دی

<head><script>  </script> </head> <center> <center> <form NAME="detect"> <input TYPE="text" NAME="browser" SIZE="26" MAXLENGTH="40" VALUE="Browser Detection"><br> <br><br>Choose a button to reveal your browser's self image.<br> <input TYPE="button" VALUE="appName" onClick="CC_getBrowserName()"> <input TYPE="button" VALUE="appVersion" onClick="CC_getBrowserVersion()"> <input TYPE="button" VALUE="appCodeName" onClick="CC_getBrowserCodeName()"> <input TYPE="button" VALUE="userAgent" onClick="CC_getBrowserUserAgent()"> <input TYPE="button" VALUE="appName / appVersion" onClick="CC_getBrowserNameVersion()"><br><br><br> </form> </center><p>

Browser Shake

حرکت دادن جستجوگر به طرز بسیار جالب

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <script> function drop(n) { if(self.moveBy){ self.moveBy (0,-900); for(i = n; i > 0; i--){ self.moveBy(0,3); } for(j = 8; j > 0; j--){ self.moveBy(0,j); self.moveBy(j,0); self.moveBy(0,-j); self.moveBy(-j,0); } } } </script> <SCRIPT language="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </STYLE> </head> <body bgcolor="black" text="silver" link="silver" vlink="silver" alink="silver" onload="drop(300); FadeTo(50,0xFF,0xFF,0xFF);"> <p align="center"><b><font face="Tahoma" size="2">Created By <a href="http://www.webloger.5u.com/">Webloger.5u.com</a></font></b></p> </body> </html>

Disco Color Mouse Over

تغییر رنگ پشت صفحه با عبور موس از روی لینک

<body bgcolor="#C0C0C0"> <font face="Tahoma" style="font-size: 10pt; font-weight: 700"> <a href="#" onMouseover="document.bgColor='red'" style="text-decoration: none"> <font color="#FF0000">Red</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='orange'" style="text-decoration: none"> <font color="#FF9966">Orange</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='yellow'" style="text-decoration: none"> <font color="#FFFF00">Yellow</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='green'" style="text-decoration: none"> <font color="#008000">Green</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='blue'" style="text-decoration: none">Blue</a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='purple'" style="text-decoration: none"> <font color="#993399">Purple</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='white'" style="text-decoration: none"> <font color="#FFFFFF">White</font></a></font><br>

Close Window

دکمه ای برای خروج از پنجره

<form> <input type=button value="Close Window" onClick="javascript:window.close();"> </form> or <a href="javascript:window.close();">Close Window</a>

2 ا?ن ?ادداشت در سه شنبه بیست و یکم تیر 1384ساعت 19:5 توسط bahram نوشته شد. |

جاوا اسکریپ(3)

اسکریپت های ویژهء جاوا ( صفحهء سوم )؟

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

به شما پیشنهاد می کنم که تمامی این اسکریپت ها را امتحان کنید .

Print Page Script

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

<SCRIPT LANGUAGE="JavaScript"> if (window.print) { document.write('<form> ' + '<input type=button name=print value="Click" ' + 'onClick="javascript:window.print()"> To Print this page!</form>'); } // End --> </script>

Reload on Resize

رفرش کردن به هنگام تغییر اندازه جستجوگر

<BODY onResize="window.location.href = window.location.href;">

Full Screen

دکمه ای برای تغییر اندازهء پنجره به Full Screen

<script> function full_screen(){ window.moveTo(0,0) window.resizeTo(screen.width,screen.height) } </script> <form> <input type="button" onClick="full_screen()" value="Full Screen!"> </form>

Right Click Prevent

جلوگیری از راست کلیک

<script language="JavaScript"> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false; else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("Please don't steal my stuff!!!"); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script>

Sliding Window Script

جستجوگر شما را به صورت زیبایی حرکت می دهد

<SCRIPT LANGUAGE="JavaScript"> function CoffeeWinMove() { for (var i = 1; i < 1001; i++) window.moveBy(1, 1); window.moveBy(-1000, -1000); } </script>  <BODY> <center> <form> <input type=button value="Go to webloger.5u.com (with a form button)" onClick="CoffeeWinMove();window.location.href='http://www.webloger.5u.com';"> </form> or <a href="http://www.webloger.5u.com"; onClick="CoffeeWinMove()">Go to webloger.5u.com (Using a Link)</a> </center>

Clock

ساعت

<SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; // you could replace the above with this // and have a clock on the status bar: // window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { // Make sure the clock is stopped stopclock(); showtime(); } </SCRIPT> <BODY onLoad="startclock(); timerONE=window.setTimeout" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value=""></CENTER>

Clock and Calendar

ساعت و تاریخ

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

Date

تاریخ

!--Start of JavaScript Place after the closing TITLE tag-- !-- DESCRIPTION This will create a header on the top right side of your webpage with the current date and time. INSTRUCTIONS Place this script in between the HEAD tags of your webpage. Change the size and color of the text by altering the values found in the next to last line of the JavaScript. FUNCTIONALITY Works in both Netscape & IE. -- SCRIPT LANGUAGE=JavaScript Modified by CoffeeCup Software This code is Copyright (c) 2000 CoffeeCup Software all rights reserved. License is granted to a single user to reuse this code on a personal or business Web Site. var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var timeValue = + ((hours 12) hours -12 hours) timeValue += ((minutes 10) 0 ) + minutes timeValue += (hours = 12) P.M. A.M. timerRunning = true; mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; myyear= mydate.getYear(); year = myyear if(myday == 0) day = Sunday, else if(myday == 1) day = Monday, else if(myday == 2) day = Tuesday, else if(myday == 3) day = Wednesday, else if(myday == 4) day = Thursday, else if(myday == 5) day = Friday, else if(myday == 6) day = Saturday, if(mymonth == 0) month = January else if(mymonth ==1) month = February else if(mymonth ==2) month = March else if(mymonth ==3) month = April else if(mymonth ==4) month = May else if(mymonth ==5) month = June else if(mymonth ==6) month = July else if(mymonth ==7) month = August else if(mymonth ==8) month = September else if(mymonth ==9) month = October else if(mymonth ==10) month = November else if(mymonth ==11) month = December document.write(BP ALIGN=RIGHTFONT SIZE=-1 FACE=VERDANA,ARIAL + timeValue + +day + month); document.write(myweekday+,+ 2000FONTBBRHR WIDTH=300 ALIGN=RIGHTP); SCRIPT !--This is the end of the JavaScript Make sure this script is between the HEAD tags--

Count Down

لحظات اخیر

<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. ccDayNow = new Date(); ccDayThen = new Date("December 31, 1999") msPerDay = 24 * 60 * 60 * 1000 ; timeLeft = (ccDayThen.getTime() - ccDayNow.getTime()); cc_daysLeft = timeLeft / msPerDay; daysLeft = Math.floor(cc_daysLeft); cc_hrsLeft = (cc_daysLeft - daysLeft)*24; hrsLeft = Math.floor(cc_hrsLeft); minsLeft = Math.floor((cc_hrsLeft - hrsLeft)*60); document.write( "There are "+daysLeft+" days, "+hrsLeft+" hours and "+minsLeft+" minuites left until the year 2000."); </SCRIPT>