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

شنبه 89/4/12 , 4:2 ع • بهترین وانواع گوناگون/کدهای جاوااسکریپت/وبلاگ/سایت ,

سید مصطفى میرسیدی نوری

نظر

برای دریافت انواع کدهای جاوابرروی ادامه مطلب کلیک کنید...

Drop Down

کدیک منو بسیار زیبا

<style>  </style></HEAD> <BODY> <ilayer id="coffeemenu01" height=35px> <layer id="coffeemenu02" 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> < language="Java1.2"> var enableeffect=true var selection=new Array() selection[0]="<font face="ARIAL BLACK"><a href="http://www.webloger.5u.com">Order Our Stuff</a><br>" selection[1]="<a href="http://www.webloger.5u.com">Contact Us via E-mail</a><br>" selection[2]="<a href="http://www.webloger.5u.com">Help With Our Items</a><br>" selection[3]="<a href="http://www.webloger.5u.com">Products We Have</a><br>" selection[4]="<a href="http://www.webloger.5u.com">Services We Offer</a><br></font>" if (document.layers) document.coffeemenu01.document.coffeemenu02.visibility="show" function dropit2(){ if (document.all){ coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (coffeemenu03.style.visibility=="hidden"){ if (enableeffect) coffeemenu03.filters.revealTrans.apply() coffeemenu03.style.visibility="visible" if (enableeffect) coffeemenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.coffeemenu03.visibility=="hide") document.coffeemenu03.visibility="show" else document.coffeemenu03.visibility="hide" document.coffeemenu03.left=e.pageX-e.layerX document.coffeemenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) coffeemenu03.filters.revealTrans.stop() coffeemenu03.style.visibility="hidden" } function hidemenu2(){ document.coffeemenu03.visibility="hide" } if (document.layers){ document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK) document.coffeemenu01.document.coffeemenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </> <div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px"> < language="Java1.2"> if (document.all) coffeemenu03.style.padding="4px" for (i=0;i<selection.length;i++) document.write(selection[i]) </> </div> < language="Java1.2"> if (document.layers){ document.coffeemenu03.captureEvents(Event.CLICK) document.coffeemenu03.onclick=hidemenu2 } </>

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> < language="Java1.2"> var speed=4000 var news=new Array() news[0]="<a href="http://www.webloger.5u.com">First line of text....</a>" news[1]="<a href="http://www.webloger.5u.com">Second line of text....</a>" news[2]="<a href="http://www.webloger.5u.com">Third line of text....</a>" news[3]="<a href="http://www.webloger.5u.com">Add as many as you want....</a>" i=0 if (document.all) ticker=document.all.msgtext.style else ticker=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) ticker.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else ticker.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++; } </>

Rolling Credits

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

< LANGUAGE="Java">  </> </HEAD> <BODY onload="scroller()"> <CENTER> <font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p> <font face="VERDANA, ARIAL" size="4">This allows you to: <HR WIDTH=350 NOSHADE> <P> www.webloger.5u.com<P> Place<P> text<P> deions<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>

Slide Out

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

< LANGUAGE="Java">  </> <STYLE TYPE="text/css">  </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()"> <DIV ID="slideoutInterface"> <DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="java:slideout(slideout1)">Contact Us</A></P></DIV> <DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="java:slideout(slideout2)">Help</A></P></DIV> <DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="java:slideout(slideout3)">Services</A></P></DIV> <DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="java:slideout(slideout4)">Products</A></P></DIV> <DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="java: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>

Zoom Message

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

<style type="text/css"> body { background-color:#FFFFFF; font-family: Arial; font-size:10pt; } </style> <> // text=new Array("www.","webloger",".5u",".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){ (zoomText) (zoomSize) (closeIt) size+=5; setTimeout("zoom("+num+",""+fn+"")",Zspeed) }else{ (fn); } } function fadeIt(num){ if (num<numColors){ (fadeColor) (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) } } </> </head> <body onload="init()" bgcolor="FFFFFF"> <CENTER> </CENTER><P> <div id="zoom" align="center" style="position:absolute; top:150"> </DIV>

Add Bookmark

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

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

پند ها و جملات قصار