.:: .:: نمايش پيام متحرک بصورت عمودی . پايين به بالا ::. ::.

.:: نمايش پيام بصورت متحرک 3 ::.

.:: نمايش پيام بصورت متحرک ::.

.:: نمايش پيام بصورت متحرک خيلی با کلاس ::.

.:: منوی باز شو . قشنگ و با کلاس ولی پر رو ::.

<html> <head> <script type="text/javascript">   </script> </body> </html>

متن سايه دار

انتخاب رنگ پس زمينه

تغيير رنگ پس زمينه هنگام ورود به صفحه

منو بازشو

<html> <head> <title>First menu</title> <style> .curhand{cursor:hand} </style> <script language="javascript"> function displayit(paragraph,title,imgmenu){ if (document.all[paragraph].style.display=='none') {document.all[paragraph].style.display="block"; document.all[imgmenu].src="arrow_u2.jpg"} else {document.all[paragraph].style.display="none"; document.all[imgmenu].src="arrow_d2.jpg"} } function setoverstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[imgmenu].src="arrow_d2.jpg"; document.all[title].style.textDecorationUnderline='true'} else {document.all[imgmenu].src="arrow_u2.jpg"; document.all[title].style.textDecorationUnderline='true'} } function setoutstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[title].style.textDecoration='none'; document.all[imgmenu].src="arrow_d1.jpg"} else {document.all[imgmenu].src="arrow_u1.jpg"; document.all[title].style.textDecoration='none'} } sw=0; function displayall(){ if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1; for (i=1;i<=5;i++) { xmenu='menu'+i ; ximg='imgmenu'+i ; if (document.all[xmenu].style.display=='none') {document.all[xmenu].style.display="block";document.all[ximg].src="arrow_u1.jpg"}}} else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0; for (i=1;i<=5;i++) {xmenu='menu'+i;ximg='imgmenu'+i; if (document.all[xmenu].style.display=='block') {document.all[xmenu].style.display="none";document.all[ximg].src="arrow_d1.jpg"}}} } function displayinline(text){ if (document.all[text].style.display=="none"){document.all[text].style.display="inline"} else {document.all[text].style.display="none"} } </script> </head> <body> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td width="598" height="28"> <p align="left"> <span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()"> Show all</span></td> <td width="93" height="28"> <p align="right"> </td> </tr> </table><br> <p id='x' style="display:none"></p> <div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:83; height:19"> <img id="imgmenu1" border="0" src="arrow_d1.jpg" width="12" height="12">First menu</div> <blockquote> <span id="menu1" style="display:none; width: 140">Item 1<br> Item 2<br> Item 3<br> Itrm 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:100; height:4"> <img id="imgmenu2" border="0" src="arrow_d1.jpg" width="12" height="12">Second menu</div> <p></p> <blockquote> <span id="menu2" style="display:none; width: 140">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:84; height:19"> <img id="imgmenu3" border="0" src="arrow_d1.jpg" width="12" height="12">Third menu</div> <p></p> <blockquote> <span id="menu3" style="display:none; width: 140">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:93; height:19"> <img id="imgmenu4" border="0" src="arrow_d1.jpg" width="12" height="12">Fourth menu</div> <p></p> <blockquote> <span id="menu4" style="display:none; width: 140"> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:80; height:19"> <img id="imgmenu5" border="0" src="arrow_d1.jpg" width="12" height="12">Fifth menu</div> <p></p> <blockquote> <span id="menu5" style="display:none; width: 140"> Item 1<br> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5</span> </blockquote> </body> </html>

تشخيص وجود جاوا درسيستم کاربر

<html> <head> </head> <body> <h1> <script language="javascript" type="text/javascript"> document.write("Java is ") if (!navigator.javaEnabled()) { document.write("not") } document.write("enabled") </script> </h1> </body> </html>

اعلان پيام به کاربر

<html> <head> <script language="javascript" type="text/javascript"> ans=prompt("Are you sure you want to do that?","") if (ans) { alert("You said "+ans) } else { alert("You refused to answer") } </script> </head> <body> <h1>   <script language="javascript" type="text/javascript"> document.write("tnt666.tk") //end hiding script from old browsers --> </script> </h1> </body> </html>

پيام هنگام ورود به صفحه

<html> <head> <script language="javascript" type="text/javascript"> alert("Welcome to my webSite") </script> </head> <body> <h1>   <script language="javascript" type="text/javascript"> document.write("tnt666.tk") //end hiding script from old browsers --> </script> </h1> </body> </html>

تنظيم يک فيلد بر اساس فيلد ديگر

<html> <head> <script language="javascript" type="text/javascript"> function SubmitIt(carForm) { doorOption = -1 if (carForm.DoorCt[doorOption].value == "fourDoor" && carForm.sunroof.checked) { alert("The sunroof is only available on the two door model") return false } return true } function doorSet(sunroofField) { if (sunroofField.checked) { for (i=0; i<document.myForm.DoorCt.length; i++) { if (document.myForm.DoorCt[i].value == "twoDoor") { document.myForm.DoorCt[i].checked = true } } } } </script> </head> <body> <h2> Car Picker<p> <form onSubmit="return SubmitIt(this)" action="ok.asp" name="myForm"> Doors: <br> <input type="CHECKBOX" name="sunroof" value="YES" onClick="doorSet(this)">Sunroof(two door only) <br><br> <input type="radio" value="twoDoor" name="DoorCt">two <input type="radio" value="fourDoor" name="DoorCt">Four <br> <input type="Submit" value="Submit"> </form></h2> </body> </html>

پيام به کاربر هنگام ترک صفحه

<html> <head> </head> <body onUnload="alert('thanks for visiting, and come back soon!')"> <h2>example</h2> </body> </html>

پنهان کردن اسکريپتهاي جاوا از دست مرورگرهاي قديمي

<html> <head> </head> <body> <h1>  <script language="javascript" type="text/javascript"> document.write("tnt666.tk") //end hiding script from old browsers --> </script> </h1> </body> </html>

نوشتن متن درون صفحه

<html> <head> <script language="javascript" type="text/javascript"> dayInfo = new Array dayInfo[2] = "Dad's Birthday" dayInfo[5] = "Rehearsal Dinner" dayInfo[6] = "Wedding Day" function showInfo(thisDay) { document.calendar.dateInfo.value = dayInfo[thisDay] } </script> </head> <body> <a href="javascript:showInfo(2)">1</a> <br> <a href="javascript:showInfo(5)">5</a> <br> <a href="javascript:showInfo(6)">6</a> <p> <form name="calendar"> <input name="dateInfo" size="20"> </form> </body> </html>

توضيح در فيلد

http://www.tnt666.tk