کدهای جاوا اسکریپ

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

جهت مشاهده آنها روی ادامه مطلب کلیک کنید

زوم بروی جملات

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <body> <script language="JavaScript">  </script>

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

منوی 5

<html><head><title> Script Test</title><style> body { font: 12px tahoma } </style></head><html> <head>  <style type="text/css"> .layered { position:absolute; width:105px; z-index:1; top: 38px; background-color: #E9F0F8;; layer-background-color: #000000; border: 1px solid #000000; overflow: hidden; font-face: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; } a:link, visited {font: bold 12px tahoma, Arial, Helvetica, sans-serif;color: #000000; text-decoration: none; line-height: 180%;} a:hover {font: bold 12px tahoma, Arial, Helvetica, sans-serif;color: #666666; text-decoration: underline; line-height: 180%;} </style> <script language="JavaScript"> //  </script> </head>  <body onLoad="start()">  <div id="Layer1" class="layered" style="left: 40px;" onMouseOver="big('Layer1')"; onMouseOut="small('Layer1')"> <div align="center"> <a href="menu1.html">Menu 1</a><br> <a href="link1.html">Link 1</a><br> <a href="link2.html">Link 2</a><br> <a href="link3.html">Link 3</a><br> <a href="link4.html">Link 4</a> </div> </div> <div id="Layer2" class="layered" style="left: 147px;" onMouseOver="big('Layer2')"; onMouseOut="small('Layer2')"> <div align="center"> <a href="menu2.html">Menu 2</a><br> <a href="link5.html">Link 5</a><br> <a href="link6.html">Link 6</a><br> <a href="link7.html">Link 7</a><br> <a href="link8.html">Link 8</a> </div> </div> <div id="Layer3" class="layered" style="left: 254px;" onMouseOver="big('Layer3')"; onMouseOut="small('Layer3')"> <div align="center"> <a href="menu3.html">Menu 3</a><br> <a href="link9.html">Link 09</a><br> <a href="link10.html">Link 10</a><br> <a href="link11.html">Link 11</a><br> <a href="link12.html">Link 12</a> </div> </div> </body> </html> </html>

منوی 4

<head> <style> .tditem { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: gray; } </style> </head>  <body> <center> <table border=0 cellpadding=0 cellspacing=0> <tr> <td onmouseover="this.style.background='#004891'" onClick="window.location='page1.html'" style="cursor:hand" onmouseout="this.style.background='#E9F0F8'" bgcolor="#E9F0F8" width="100" align="center" valign="center"><b> <a href="page1.html" class="tditem"> Item 1 </a></b> </td> <td onmouseover="this.style.background='#004891'" onClick="window.location='page2.html'" style="cursor:hand" onmouseout="this.style.background='#E9F0F8'" bgcolor="#E9F0F8" width="102" align="center" valign="center"><b> <a href="page2.html" class="tditem"> Item 2 </a></b> </td> <td onmouseover="this.style.background='#004891';" onClick="window.location='page3.html'" style="cursor:hand" onmouseout="this.style.background='#E9F0F8'" bgcolor="#E9F0F8" width="100" align="center" valign="center"><b> <a href="page3.html" class="tditem"> Item 3 </a></b> </td> </tr> </table> </center>

منوی 3

منوی 2

<style type="text/css"> #menuOut, #menuIn { position:absolute; left: -161px; width:180px; top:70px; border:1.5px solid silver; background-color: #ffc502; layer-background-color: gray; font: bold 12px Verdana; color: #ff0507; line-height: 20px; padding: 10px; padding-left: 15px; line-height: 110%; } A:link {font: bold 12px arial; color: #004891; text-decoration: none;} A:visited {font: bold 12px arial; color: #004891; text-decoration: none;} A:hover {font: bold 13px arial; color: #004892; text-decoration: underline;} </style>  <body> <div style="width: 500px;"> <script language="JavaScript">  </script> <layer id="menuOut" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript">  </script> </layer> <script language="JavaScript">  </script>

منوی 1

<script language="JavaScript">  </script>  <style>  </style>   <body marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">   <table bgcolor="#004891" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="17"><font size="1"> </font></td></tr></table>

نمایش ساعت در گوشه صفحه

<head> <script language="JavaScript">  </script> </head>  <body> <span id=clock style="position:relative;"></span>

یک افکت کوچیک به دنبال موس

<style type="text/css"> BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : #004891; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : gold; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : lime; visibility : hidden; } </style>  <div id="div1" class="s1">*</div> <div id="div2" class="s2">*</div> <div id="div3" class="s3">*</div> <div id="div4" class="s4">*</div> <script language="javascript" type="text/javascript"> var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </script>

بارش برف در صفحه

<head> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <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> </head> <body bgcolor="#000080"> <p align="center" dir="ltr"><span lang="en-us"><font color="#FFFFFF">Welcome to Mehdi Mukh site!</font></span></p> <p align="center" dir="ltr"><span lang="en-us"><font color="#FFFFFF"><b> <a href="http://www.sharemation.com/mehdilove/www/index.htm"><font size="5" color="#FFFFFF"> Mehdi Mukh</font></a></b> </font></span></p>

زمانی که فرد رایت کلیک کرد یه پیام خطا دریافت میکند

<SCRIPT language=javascript> function noRightClick() { if (event.button==2) { alert('پیام خطا') } } document.onmousedown=noRightClick </SCRIPT>

از زیر وب یا وبلاگ شما هر مطلبی که بخواهید بیننده ببیند به صورت زیر گذر رد میشود

<SCRIPT language=javascript> message = "?????^" + "?????^" + "?????^" + "^" scrollSpeed = 100 lineDelay = 1500 txt = "" function scrollText(pos) { if (message.charAt(pos) != '^') { txt = txt + message.charAt(pos) status = txt pauze = scrollSpeed } else { pauze = lineDelay txt = "" if (pos == message.length-1) pos = -1 } pos++ setTimeout("scrollText('"+pos+"')",pauze) } // Unhide --> scrollText(0) </SCRIPT>

سرچ گوگل برای گوشه سایت یا وب لاگتون

<center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" <br>border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value="en"> <INPUT type=submit name=btnG VALUE="Google Search"> </td></tr></TABLE> </FORM> </center>

در هنگام لود شدن صفحه مونیتور را میلرزاند

<SCRIPT language=JavaScript>  </SCRIPT> <SCRIPT language=JavaScript>  </SCRIPT>

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

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

شما به کاربر یک مطلبی را گوشزد می کنید که در صورت قبول کردن این شروط کاربر میتواند وارد وب سایتتون بشه

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

<HTML><br><HEAD><br><TITLE>Butterfree</TITLE><br><SCRIPT src="js/NNsprites.js"></SCRIPT><br></HEAD><br><DIV id=disclaimer style="WIDTH: 300px; POSITION: absolute; HEIGHT: 50px"> </DIV><br><DIV id=directional0 style="POSITION: absolute"><br><IMG height=15 src="images/direction.gif" width=15><br></DIV><br><DIV id=sprite0 style="POSITION: absolute"><br><IMG height=67 src="images/Butterfree.gif" width=75 name=sprite1><br></DIV><br><br><SCRIPT><br> addSprite("Butterfree", 60, 60, 5, 3)<br> startAnimation()<br> </SCRIPT><br><br></HTML><br>

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

برنامه ای برای فهمیدن تعداد کاربران آنلاین یک سایت

<a href="http://www.fastonlineusers.com"><script src=http://fastonlineusers.com/online.php?d=www.yoursite.com></script> onl</a><a href="http://376.us">ine</a>

تاریخ و ساعت کاربر در هنگام بازدید از وب سایت یا وبلاگتون در صفحه درج میکند

رنگ جمله انتخابی شما را از یک رنگ به رنک دیگر تغیر میدهد

به پس زمینه وب سایت یا وبلاگتون یک افکت زیبا میده

موسیقی پس زمینه

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

یک کادر کوچیک برای وارد کردن یک آدرس اینترنتی و رفتن به آن آدرس را ایجاد میکند

شایان پنج‌شنبه 28 آذر‌ماه سال 1387 ساعت 06:38 ب.ظ

خفن در خفن

خفن در خفن

نظرسنجی

نظرسنجی

تقویم