www.VahidOffline.Blogfa.Com کدهای جاوا اسکریپت لینک

برای امتحان باید ابتدا کد را کپی کرده و سپس در یک ویرایشگر مانند نوت پد پیست کنید و سپس با پسوند htm ذخیره کنید و بعد فایل ذخیره شده را اجرا کنید.

تذکر:اگر بعد از اجرا کردن فایل مورد نظر در بالای مرورگرتان یک نوار زرد رنگ اومد ابتدا روی نوار کلیک کرده و بعد از کلیک روی گزینه اول گزینه بلی را انتخاب کنید.

Java Script__Link

1.اين كد باعث مي شود كه لينك شما هنگامي كه نشانگر موس بر روي متن لينك رفت عمل كند <a href="http://vahidoffline.blogfa.com" onMouseover="window.location=this.href">YOUR NAME</a>

2.با اين لينك يك ثانيه شمار ايجاد مي شود كه بعد از اتمام ثانيه به صورت اتوماتيك به لينك مربوطه ميرود <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>

3.جعبه لينك بدون دكمه هاي انتخاب <SELECT dir=rtl style="FONT-SIZE: 11px; FONT-FAMILY: Tahoma" onchange="var a=this.options[this.selectedIndex].value; window.open(a,'')" size=1 name=nam> <OPTION selected>YOUR TEXT</OPTION> <OPTION value="URL 1">YOUR NAME URL1</OPTION> <OPTION value="URL 2">YOUR NAME URL2</OPTION> <OPTION value="URL 3">YOUR NAME URL3</OPTION> <OPTION value="URL 4">YOUR NAME URL4</OPTION> </SELECT>

4.جعبه لينك همراه دكمه هاي انتخاب <CENTER> <FORM> <SELECT NAME="list"> <OPTION SELECTED VALUE="URL1">NAME URL1</OPTION> <OPTION VALUE="URL2">NAME URL2</OPTION> <OPTION VALUE="URL3">NAME URL3</OPTION> <OPTION VALUE="URL4">NAME URL4</OPTION> </SELECT><P> <INPUT TYPE=BUTTON VALUE="Go Get It!" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].v alue"> </FORM> </CENTER>

5.حذف خط زير لينك ها <Style TYPE="text/css">  </Style>

6.رقص نور دادن به لينك ها <SCRIPT LANGUAGE="JavaScript">  </script></body> </html>

7.سفارشي كردن رنگ لينك ها <style type="text/css"> A:link {text-decoration:none;color:red} A:visited {text-decoration:none;color:red} A:active {text-decoration:none;color:red} A:hover {color: black;} // hover only works in ie </style>

8.كد اصلي لينك دادن <A HREF="URL">NAME URL</A>

9.لينك پرينت يا چاپ صفحه <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY> <a href="javascript:printWindow()">Print This Page</a>

10.منوي لينك باز شوي لغزان <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY OnLoad="setVariables();checkLocation()">  <div id="logo" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"> <table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center><br><br><br> <A href="javascript:void(0)"; onmouseover="switchLogo('menu')"> Logo </A></center></td></tr></table></div> <div id="menu" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"> <table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-one.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page One</a> </center></td></tr><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-two.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Two</a> </center></td></tr><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-three.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Three</a> </center></td></tr></table></div>

11.نمايش اطلاعات لينك روي نوار وضعيت <HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! >  </script> </HEAD>  <BODY> <a href="http://www.javascriptsource.com/link-us.html" onMouseOver="window.status=linkInfo(this); return true;" onMouseOut="window.status=''; return true;">JavaScript Source Link Us Page</A>