آموزش Java Script
نحوه ایجاد ماشین حساب پیشرفته
نحوه ایجاد ماشین حساب پیشرفته باjavascript <head> <script language=”JavaScript”> function addChar(input, character) { if(input.value== null || input.value== “0”) input.value= character else input.value += character }
متن متحرک با افکت تایپ شدن
متن متحرک با افکت تایپ شدن <head> <script type=”text/javascript”> var theSummaries = new Array( “گوگل بزرگترین موتور جستجوگر در اینترنت”,”آلکسا ، ارائه دهنده خدمات رنکینگ
اسلایدشو با قابلیت پیش نمایش فریم ها
اسلایدشو با قابلیت پیش نمایش فریم ها <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>jquery slideshow</title> <meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
افکتی برای checkbox و radio button
افکتی برای checkbox و radio button <head> <script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script> <style type=”text/css”> input[type=”checkbox”],input[type=”radio”] { padding:0; margin:0; opacity:0; } .div-as-checkbox,.div-as-radio{ border:1px solid #ddd; float:left; position:relative; margin-left:20px;
اسکریپت بستن آی پی
اسکریپت بستن “آی پی javascript <head> <script language=”JavaScript” type= “text/javascript” > var banned_ip_page = “http://www.google.com”; // This is the page to direct to if the
افکت سربرگ باز شونده برای گوشه صفحه
افکت سربرگ باز شونده برای گوشه صفحه javascript <head> <script src=”http://code.jquery.com/jquery-latest.js”></script> <script type=”text/javascript” src=”peel.js”></script> </head>
جی کوئری پاپ آپ ویندو
جی کوئری پاپ آپ ویندو <head> <script src=”jquery.min.js” type=”text/javascript”></script> <style type=”text/css”> body { margin: 0; padding: 0; background-color: #e5e5e5; text-align: center } .popup-screen { position:
تنظیم اندازه فونت محتوای صفحه توسط کاربر
تنظیم اندازه فونت محتوای صفحه توسط کاربر <head> <script type=”text/javascript” src=”js/textsizer.js”></script> </head> <body> <span dir=”rtl”> <a href=”javascript:ts(‘body’,1)”>+ افزایش اندازه</a> | <a href=”javascript:ts(‘body’,-1)”>+ کاهش اندازه</a></span> </body>
اسکریپت محاسبه زمان بارگذاری صفحه
اسکریپت محاسبه زمان بارگذاری صفحه <head> <style> #load_time { width: 20%; position: absolute; background-color: #fff; opacity: .85; padding: 12px; text-align: center; left: 40%; direction: ltr;
نحوه ایجاد دکمه های کنترل اسکرول صفحه
نحوه ایجاد دکمه های کنترل اسکرول صفحه <body> <div id=”staticbuttons” style=”position:absolute; z-index:10″> <a href=”javascript:” onmouseover=”myspeed=-thespeed” onmouseout=”myspeed=0″><img src=”images/up-btn.png” border=”0″ style=”margin-bottom:5px;”></a><br> <a href=”javascript:” onmouseover=”myspeed=thespeed” onmouseout=”myspeed=0″><img src=”images/down-btn.png” border=”0″></a>
