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

Drop Down

يک منو بسيار زيبا

<style>  </style></HEAD> <BODY> <ilayer id="nasimebashagard01" height=35px> <layer id="nasimebashagard02" visibility=show> <span id="wrapper"> <span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"> <font face="Verdana"><b><a href="notthisbrowser.html">Click Here To Navigate</a></b></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font face="ARIAL BLACK"><a href="http://www.nasimebashagard.blogfa.com">Order Our Stuff</a><br>' selection[1]='<a href="http://www.nasimebashagard.blogfa.com">Contact Us via E-mail</a><br>' selection[2]='<a href="http://www.nasimebashagard.blogfa.com">Help With Our Items</a><br>' selection[3]='<a href="http://www.nasimebashagard.blogfa.com">Products We Have</a><br>' selection[4]='<a href="http://www.nasimebashagard.blogfa.com">Services We Offer</a><br></font>' if (document.layers) document.nasimebashagard01.document.nasimebashagard02.visibility='show' function dropit2(){ if (document.all){ nasimebashagard03.style.left=document.body.scrollLeft+event.clientX-event.offsetX nasimebashagard03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (nasimebashagard03.style.visibility=="hidden"){ if (enableeffect) nasimebashagard03.filters.revealTrans.apply() nasimebashagard03.style.visibility="visible" if (enableeffect) nasimebashagard03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.nasimebashagard03.visibility=="hide") document.nasimebashagard03.visibility="show" else document.nasimebashagard03.visibility="hide" document.nasimebashagard03.left=e.pageX-e.layerX document.nasimebashagard03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) nasimebashagard03.filters.revealTrans.stop() nasimebashagard03.style.visibility="hidden" } function hidemenu2(){ document.nasimebashagard03.visibility="hide" } if (document.layers){ document.nasimebashagard01.document.nasimebashagard02.captureEvents(Event.CLICK) document.nasimebashagard01.document.nasimebashagard02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="nasimebashagard03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) nasimebashagard03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.nasimebashagard03.captureEvents(Event.CLICK) document.nasimebashagard03.onclick=hidemenu2 } </script>

Message Reader

نمايش متن به صورت افکت

<body onload="if (document.all||document.layers) {regenerate2();update()}"> <style>  </style> <div id="msgline"> <div id="msgtext" class="msgtextfont">Starting Messages...</div> </div> <script language="JavaScript1.2"> var speed=4000 var news=new Array() news[0]="<a href='http://www.nasimebashagard.blogfa.com'>First line of text....</a>" news[1]="<a href='http://www.nasimebashagard.blogfa.com'>Second line of text....</a>" news[2]="<a href='http://www.nasimebashagard.blogfa.com'>Third line of text....</a>" news[3]="<a href='http://www.nasimebashagard.blogfa.com'>Add as many as you want....</a>" i=0 if (document.all) tickerobject=document.all.msgtext.style else tickerobject=document.msgline.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>') document.msgline.document.msgtext.document.close() } else document.all.msgtext.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; MsgDither(); } function MsgDither() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('MsgDither()',50); } step++; } </script>

Rolling Credits

به حرکت در آوردن آسکرول لاک از بالا به پايين

<SCRIPT LANGUAGE="JavaScript">  </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.nasimebashagard.blogfa.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.nasimebashagard.blogfa.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER>

Slide Out

نمايش لينک به صورت منويي

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </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.nasimebashagard.blogfa.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.nasimebashagard.blogfa.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.nasimebashagard.blogfa.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.nasimebashagard.blogfa.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.nasimebashagard.blogfa.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>

Zoom Message

نمايش متن به صورت افکت

<style type="text/css"> body { background-color:#FFFFFF; font-family: Arial; font-size:10pt; } </style> <script> // text=new Array('www.','nasime','.bashagard','.blogfa.com','The Best Website') // var numText=5 // color=new Array('#000000','#2F2F2F','#4F4F4F','#7F7F7F','#408080') // var numColors=5 // var endSize=70 // var Zspeed=30 // var Cspeed=200 // var font='Arial Black' // 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>

Add Bookmark

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

<script language="JavaScript1.2">  </script>  <a href="javascript:ccaddbookmark()" target="_self"> <font size="1" face="Arial">[ Add Webloger to your Favorites ]</font> </a>

Mouse Cursor Crosshairs

دو خط قرمز بسيار زيبا به دنبال موس

<style>  </style>  <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <script language="JavaScript1.2">  </script>

Default Start Up Page Link

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

<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.nasimebashagard.blogfa.com/');"> Click here to make Webloger your default homepage! </a> </font>

Disable Right Click Menu

از کار انداختن راست کليک

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

Find In Page Form

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

<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>  <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>

Left-to-Right Page Scroll

از چپ به راست بردن اسکرول لاک

<script language="JavaScript1.2">  </script>

Scrollable Embedded Window

قرار دادن متن در پنجره اي زيبا

<ilayer name="scroll1" width=170 height=150 clip="0,0,170,150"> <layer name="scroll2" width=170 height=150 bgColor="white"> <div id="scroll3" style="width:170;height:150;background-color:yellow;overflow:scroll"> This is a nifty little script that allows you to put any content you want within a scrollable mini "window". This will allow you to save valuable screen space while making your page more "interactive". <br><br> This script uses two different techniques, one for Internet Explorer and one for Netscape, to create the scrollable window. <br><br> IE 4+ users will be able to use scrollbars to scroll the window, while Netscape users will have to use the "up" and "down" buttons instead (since Netscape does not support the adding of scrollbars to the "window" contents). </div> </layer> </ilayer> <script> var nsstyle='display:""' if (document.layers) var scrolldoc=document.scroll1.document.scroll2 function up(){ if (!document.layers) return if (scrolldoc.top<0) scrolldoc.top+=10 temp2=setTimeout("up()",50) } function down(){ if (!document.layers) return if (scrolldoc.top-150>=scrolldoc.document.height*-1) scrolldoc.top-=10 temp=setTimeout("down()",50) } function clearup(){ if (window.temp2) clearInterval(temp2) } function cleardown(){ if (window.temp) clearInterval(temp) } </script> <br><span style="display:none" style=&{nsstyle};><a href="#" onMousedown="up()" onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up</a> | <a href="#" onMousedown="down()" onMouseup="cleardown()" onClick="return false" onMouseout="cleardown()">Down</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=0;return false">Top</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false">Bottom</a></span>

امید وارم از این کد ها بتونید استفاده کنید .

کد های جدیدتری را به زودی در قسمتهای بعدی میزارم .

+ نوشته شده در ساعت توسط روشنی |

نسیم بشاگرد

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

نوشته‌های پیشین

آرشیو موضوعی

پیوندها