.....................................................................................................................................................................

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

<!-- START OF Slide Out DHTML --> <!-- SUMMARY BRIEFS This DHTML script is an entire webpage by itself. Open it up into a blank webpage and try it out. You can then add your content around it. Basically, you can have 5 different "layers" which switch when the user clicks on the appropriate links. You can adjust the links, colors, and text below. IMPORTANT This example has an image. It is found in the CoffeeCup Software folder on your hard drive. --> <SCRIPT LANGUAGE="JavaScript"> <!-- n = (document.layers) ? 1:0 ie = (document.all) ? 1:0 function init() { slideoutActive = 0 if (n) { slideout1 = document.slideoutInterface.document.slideoutContent.document.slideoutContent1 slideout2 = document.slideoutInterface.document.slideoutContent.document.slideoutContent2 slideout3 = document.slideoutInterface.document.slideoutContent.document.slideoutContent3 slideout4 = document.slideoutInterface.document.slideoutContent.document.slideoutContent4 slideout5 = document.slideoutInterface.document.slideoutContent.document.slideoutContent5 } if (ie) { slideout1 = slideoutContent1.style slideout2 = slideoutContent2.style slideout3 = slideoutContent3.style slideout4 = slideoutContent4.style slideout5 = slideoutContent5.style } slideoutShown = slideout1 slideoutShown.xpos = 0 slideoutNew = "none" slideoutNew.xpos = -285 } function slideout(which) { if (!slideoutActive && slideoutShown != which) { slideoutActive = 1 slideoutNew = which slideoutNew.xpos = -285 slideoutLeft() } } function slideoutLeft() { if (slideoutShown.xpos > -285) { slideoutShown.xpos -= 15 slideoutShown.left = slideoutShown.xpos setTimeout("slideoutLeft()",30) } else { hide(slideoutShown) show(slideoutNew) setTimeout("slideoutRight()",50) } } function slideoutRight() { if (slideoutNew.xpos < 0) { slideoutNew.xpos += 15 slideoutNew.left = slideoutNew.xpos setTimeout("slideoutRight()",30) } else { slideoutShown = slideoutNew slideoutActive = 0 // stops the sequence } } function show(showobj) { if (n) showobj.visibility = "show" if (ie) showobj.visibility = "visible" } function hide(hideobj) { if (n) hideobj.visibility = "hide" if (ie) hideobj.visibility = "hidden" } //--> </SCRIPT> <STYLE TYPE="text/css"> <!-- A {color:#000000; font-family:'Arial'; font-weight:bold; font-size:10pt; text-decoration:none; line-height:20pt;} STRONG {font-family:'Arial'; font-size:15pt; font-weight:bold; line-height:25pt;} P {font-family:'Arial'; font-size:10pt; line-height:13pt;} TD {font-family:'Arial'; font-size:10pt; line-height:13pt;} #slideoutInterface {position:absolute; left:50; top:50; width:400; height:250; clip:rect(0,400,250,0); background-color:#000000; layer-background-color:#000000; visibility:visible;} #slideoutSidebar1 {position:absolute; left:5; top:5; width:100; height:30; clip:rect(0,100,30,0); background-color:#9797FF; layer-background-color:#9797FF;} #slideoutSidebar2 {position:absolute; left:5; top:40; width:100; height:30; clip:rect(0,100,30,0); background-color:#FFFF00; layer-background-color:#FFFF00;} #slideoutSidebar3 {position:absolute; left:5; top:75; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF80C0; layer-background-color:#FF80C0;} #slideoutSidebar4 {position:absolute; left:5; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#00FF80; layer-background-color:#00FF80;} #slideoutSidebar5 {position:absolute; left:5; top:145; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF5353; layer-background-color:#FF5353;} #slideoutContent {position:absolute; left:110; top:5; width:285; height:240; clip:rect(0,285,240,0); background-color:#000000; layer-background-color:#000000;} #slideoutContent1 {position:absolute; left:0; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:visible;} #slideoutContent2 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent3 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent4 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent5 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} //--> </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> <!-- END OF Slide Out DHTML -->

....................................................................................................................................................................

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

<!-- START OF Add Bookmark in IE DHTML --> <!-- SUMMARY BRIEF This code will allow you to put a link on your page that, when clicked, will add a URL to the user's Favorites. NOTE: This will only work for IE users. It will NOT work for users using Netscape. You can change the bookmark link and text in the var bookmarkurl and var bookmarktitle attributes below. You can change the text of the actual link in the <A HREF> code that you will place for your link to appear in your page. It is located at the bottom of this page. --> <!-- Put this code inside of your <HEAD> tag. --> <script language="JavaScript1.2"> <!-- var bookmarkurl="http://www.webloger.5u.com/" var bookmarktitle="-=[ Webloger Web Site ]=-" function ccaddbookmark() { if (document.all) window.external.AddFavorite(bookmarkurl,bookmarktitle) } //--> </script> <!-- Put this code into your page wherever you want the link to be. --> <a href="javascript:ccaddbookmark()" target="_self"> <font size="1" face="Arial">[ Add Webloger to your Favorites ]</font> </a> <!-- END OF Add Bookmark in IE DHTML -->

...................................................................................................................................................................

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

<!-- START OF Default Start Up Page Link (IE) DHTML --> <!-- SUMMARY BRIEF This code makes a link that will set the user's default start up page (homepage) to whatever link you specify. You can change the URL (http://www.saman-golestani.tripod.com) to anything else you want. You can also change the Link Text in the code below. Make sure not to change any other code. --> <!-- Put this code wherever you want the link to be in your page. --> <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> <!-- END OF Default Start Up Page Link (IE) DHTML -->

................................................................................................................................................................

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

<!-- START OF Find In Page Form DHTML --> <!-- SUMMARY BRIEF This DHTML script mimics the Find (Ctrl+F) feature in your browser. It will look in the current page for whatever text the user inputs. If it finds the text, it hilights the text so the user can see it. If it doesn't find the text, it pops up a javascript alert stating that the text was not found on the current page. --> <!-- Put this portion of the script inside of your <HEAD> tag --> <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> <!-- Put this code into your page where you want the search form to appear. --> <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> <!-- END OF Find In Page Form DHTML -->

............................................................................................................................................................

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

<!-- START OF Zoom Message DHTML --> <!-- SUMMARY BRIEFS This example shows how you can create a webpage that displays lines of text that appear to be flying out of the webpage. Our example has an image. IMPORTANT The image used in this example can be found in the CoffeeCup Software folder. You do not need an image for it to work. --> <!-- Style Sheet created with the CoffeeCup StyleSheet Maker++ --> <!-- http://www.coffeecup.com --> <style type="text/css"> body { background-color:#FFFFFF; font-family: Arial; font-size:10pt; } </style> <script> //<!--Change this text--> text=new Array('www.','webloger','.5u','.com','The Best Website') //<!--This is the number of words in your message--> var numText=5 //<!--These are the colors the last word will fade to. The first color is the main color.--> color=new Array('#000000','#2F2F2F','#4F4F4F','#7F7F7F','#408080') //<!--This is the total number of colors from above.--> var numColors=5 //<!--This is the size you want the zoom to end at.--> var endSize=70 //<!--This is the speed you want it to zoom in.--> var Zspeed=30 //<!--This is the speed the colors will fade.--> var Cspeed=200 //<!--This is the font of the fade in message.--> var font='Arial Black' //<!--This will allow you to have the message stay or go. True will make it go. // False will make it stay.--> 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> <!-- END OF Zoom Message DHTML -->

........................................................................................................................................................

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

<!-- START OF Rolling Credits DHTML --> <!-- SUMMARY BRIEFS This example shows how you can create a webpage that scrolls up. The webpage must be long (vertically) in order for the effect to work. --> <SCRIPT LANGUAGE="JavaScript"> <!-- var position = 0; function scroller() { if (position != 320) { position++; scroll(0,position); clearTimeout(timer); var timer = setTimeout("scroller()",3); timer; } else { location.replace("#"); } } // --> </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> <!-- END OF Rolling Credits DHTML -->