tag:blogger.com,1999:blog-21835575442471222682026-01-27T11:52:59.826-08:00Advance Java ScriptThis Web Page Help To Know About Java ScriptAnonymoushttp://www.blogger.com/profile/14321225432587364091noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-2183557544247122268.post-79709313787293878562010-12-03T10:25:00.000-08:002010-12-04T12:19:46.157-08:00Drop Down Menu By Java Script<div style="text-align: center;"><span class="Apple-style-span" style="color: #666666;"><u><b>Drop Down Menu By Java Script</b></u></span><br /> <div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;"><u><b><br /> </b></u></span></div><div style="text-align: left;"></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;head&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;title&gt;Untitled Document&lt;/title&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;/head&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;"><br /> </span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;body&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;style type="text/css"&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu {list-style:none; margin:0; padding:0;font:11px Verdana,Arial;}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu * {margin:0; padding:0}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu a {display:block; color:#000; text-decoration:none}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu li {position:relative; float:left; margin:0px}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu ul {position:absolute; top:35px; left:0;width:170px; background:#d1d1d1; &nbsp;display:none;opacity:0; list-style:none}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu ul li {position:relative; border:0px; width:170px; margin:0}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu ul li a {display:block; color:#FFFFFF; padding-left:5px;border-bottom:#CCCCCC &nbsp;solid 1px; padding-top:9px;height:28px;}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu ul li a:hover { background-color:#666666; padding-left:8px;}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu ul ul {left:148px; top:-1px}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu .menulink { border:0px; font-weight:bold; color:#FFFFFF; text-align:center; padding-top:9px; background-color:#666666; height:26px; width:111px}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu .menulink:hover, ul.menu .menuhover { background-color:#000000; padding-top:7px; &nbsp;height:28px;}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">ul.menu .sub {background:#d1d1d1}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;"><br /> </span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibmbRcfNeMfrTmSyJWtKrtkiEbLPUxd3hD4YaHXhPui8m7Z6uS1-rCNXI54ccxJdHLKaqZsTPwvgkgE1rZOP-GTnlhP_3hbjsxvDrt5QPJ7vyL07GbNXumU75RUqKcuE8dGObJPQdKNm8/s1600/untitled.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibmbRcfNeMfrTmSyJWtKrtkiEbLPUxd3hD4YaHXhPui8m7Z6uS1-rCNXI54ccxJdHLKaqZsTPwvgkgE1rZOP-GTnlhP_3hbjsxvDrt5QPJ7vyL07GbNXumU75RUqKcuE8dGObJPQdKNm8/s320/untitled.bmp" width="320" /></a></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #666666;"><br /> </span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;/style&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;script language="javascript"&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">var menu=function(){</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">var t=15,z=50,s=6,a;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">function dd(n){this.n=n; this.h=[]; this.c=[]}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">dd.prototype.init=function(p,c){</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">for(i;i&lt;l;i++){</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">h.onmouseover=new Function(this.n+'.st('+i+',true)');</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">h.onmouseout=new Function(this.n+'.st('+i+')');</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">dd.prototype.st=function(x,f){</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">clearInterval(c.t); c.style.overflow='hidden';</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">if(f){</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">p.className+=' '+a;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">if(c.mh==c.offsetHeight){c.style.overflow='visible'}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">function sl(c,f){</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">var h=c.offsetHeight;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">if((h&lt;=0&amp;&amp;f!=1)||(h&gt;=c.mh&amp;&amp;f==1)){</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">clearInterval(c.t); return</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">c.style.height=h+(d*f)+'px'</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">}</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">return{dd:dd}</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">}();</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;"><br /> </span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;/script&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;ul class="menu" id="menu"&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#" class="menulink"&gt;Menu 1&lt;/a&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;ul&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#"&gt;Menu 1.1&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#"&gt;Menu 1.2&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#"&gt;Menu 1.3&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/ul&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="Apple-tab-span" style="white-space: pre;"> </span></span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#" class="menulink"&gt;Menu 2&lt;/a&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;ul&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#"&gt;Menu 2.1&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#"&gt;Menu 2.2&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &gt;&lt;/a&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &lt;ul&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">&lt;li&gt;&lt;a href="#"&gt;Menu 2.2.1&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">&lt;li&gt;&lt;a href="#"&gt;Menu 2.2.2&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">&lt;li&gt;&lt;a href="#"&gt;Menu 2.2.3&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="Apple-tab-span" style="white-space: pre;"> </span>&lt;/ul&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;">&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#"&gt;Menu 2.3&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/ul&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="Apple-tab-span" style="white-space: pre;"> </span></span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;&lt;a href="#" class="menulink"&gt;Menu 3&lt;/a&gt;&lt;/li&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;/ul&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;"><br /> </span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;script type="text/javascript"&gt;</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var menu=new menu.dd("menu");</span></div><div style="text-align: left;"><span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-style-span" style="color: #666666;"> </span></span><span class="Apple-style-span" style="color: #666666;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;menu.init("menu","menuhover");</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/script&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;"><br /> </span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;/body&gt;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;">&lt;/html&gt;</span></div><div style="color: #666666; font-weight: bold; text-decoration: underline;"><br /> </div></div><br /> <a href="http://mekailbiswas.0fees.net/demo/dropmenu.html" name="ll" style="color: #cc6600; text-decoration: underline;">Click To Viev Demo</a>Anonymoushttp://www.blogger.com/profile/14321225432587364091noreply@blogger.com0tag:blogger.com,1999:blog-2183557544247122268.post-59853414754067746782010-12-02T12:16:00.000-08:002010-12-02T12:28:39.944-08:00"I Love U" Animation by Java Script<div style="text-align: center;"><u><b><span class="Apple-style-span" style="font-size: large;">"I Love U" Animation by Java Script</span></b></u></div><div style="text-align: center;"><u><b><span class="Apple-style-span" style="font-size: large;"><br /> </span></b></u></div><br /> <br /> &lt;html&gt;<br /> &lt;body bgcolor="#000000" onLoad="arrange()"&gt;<br /> &lt;SCRIPT LANGUAGE="JavaScript"&gt;<br /> //script by mymekailbiswas.com@gmail.com//<br /> &lt;!-- Begin<br /> Imageq= new Array('bublove.gif','bub.gif');<br /> Amount = 30;<br /> Ypos = new Array();<br /> Xpos = new Array();<br /> Speed = new Array();<br /> rate = new Array();<br /> grow = new Array();<br /> Step = new Array();<br /> Cstep = new Array();<br /> nsSize = new Array();<br /> ydisten=0<br /> xdisten=0<br /> function arrange(){<br /> var t=window.document.body.clientHeight;<br /> var tt=window.document.body.clientWidth;<br /> ydisten=tt-250<br /> xdisten=t-20<br /> intro_pict_img_cc.style.top=160<br /> intro_pict_img_cc.style.left=tt/2<br /> love_outer.style.left=(tt-460)/2+10<br /> love_outer.style.top=200<br /> start_l=230<br /> start_t=-10<br /> creat_o();<br /> }<br /> <br /> for (i = 0; i &lt; Amount; i++) {<br /> Ypos[i]=0<br /> Xpos[i]=0<br /> Speed[i] = Math.random()*4+1;<br /> Cstep[i] = 0;<br /> Step[i] = Math.random()*0.1+0.05;<br /> grow[i] = 8;<br /> rate[i] = Math.random()*0.5+0.1;<br /> }<br /> <br /> // This script by mekailbiswas<br /> Imageq= new Array('http://1.bp.blogspot.com/_MQ06HQhYDVM/<br /> TPKwQFIKrkI/AAAAAAAAACw/2vpr1FPym5o/s1600/love34.gif',<br /> 'http://1.bp.blogspot.com/_MQ06HQhYDVM/TPKwQFIKrkI/<br /> AAAAAAAAACw/2vpr1FPym5o/s1600/love34.gif');<br /> colours=new Array('ff0000','00ff00','3366ff','ff00ff',<br /> 'ffa500','ffffff')<br /> am=30<br /> hh=210<br /> var as=0<br /> step = 0.03;<br /> currStep = 0;<br /> logoWidth = 50;<br /> logoHeight = hh;<br /> TrigSplit =360/ am;<br /> var ll=40;<br /> var ll2=0;<br /> var as=0<br /> <br /> document.write('&lt;div id="intro_pict_img_cc" style="position:absolute;top:600;<br /> left:300;BACKGROUND: #ffffff"&gt;');<br /> document.write('&lt;img id="intro_pict_img" src=hh.png style="position:absolute;<br /> height:100;width:99;top:-110px;left:-40px;filter:alpha(opacity=0)"&gt;');<br /> <br /> for(i=0;i&lt;am;i++)<br /> {<br /> mmk=Imageq[Math.floor(Math.random()*Imageq.length)];<br /> document.write('&lt;img id="vv2" src='+mmk+' style="position:absolute;<br /> height:20;width:20;top:0px;left:0px"&gt;');<br /> }<br /> document.write('&lt;div id="intro_pict_img_cc2" style="position:absolute;width:460;<br /> height:200;top:-150;left:-220;BACKGROUND:#000000;filter:alpha(opacity=100)"&gt;&lt;/div&gt;');<br /> <br /> document.write('&lt;/div&gt;');<br /> <br /> <br /> function aa(){<br /> <br /> <br /> for (i = 0; i &lt; am; i++) {<br /> var C=colours[Math.round(Math.random()*colours.length)]<br /> vv2[i].style.filter="glow(color="+C+", strength=3)"<br /> var tamp=-150 * Math.sin(currStep + i * 360/am &nbsp;* Math.PI /180);<br /> if(tamp&gt;0){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>vv2[i].style.top=150 * Math.sin(currStep + i<br /> * 360/am &nbsp;* Math.PI / 180);}else{<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>vv2[i].style.top=0;}<br /> vv2[i].style.left =hh * Math.cos(currStep + i * 360/am &nbsp;* Math.PI / 180);<br /> }<br /> currStep -= step;<br /> setTimeout('aa()',35);<br /> }<br /> <br /> <br /> list_image=new Array('http://lh4.ggpht.com/_MQ06HQhYDVM/<br /> TPK05z8yq-I/AAAAAAAAADA/oLsCGqQi20o/s128/hh3.png',<br /> 'http://lh6.ggpht.com/_MQ06HQhYDVM/TPK056vEnrI/<br /> AAAAAAAAADE/KgCte0US_MY/s128/hh4.png',<br /> 'http://lh5.ggpht.com/_MQ06HQhYDVM/TPK06Jeq7FI/<br /> AAAAAAAAADI/ywf1SY5P5aM/s128/hh.png')<br /> var image_cont=0;<br /> var fad_img_val=0<br /> <br /> function IE(){<br /> if(fad_img_val&lt;100){<br /> intro_pict_img.filters[0].opacity=fad_img_val;<br /> fad_img_val++;<br /> setTimeout("IE()",3);<br /> }else{IEE();}<br /> <br /> }<br /> <br /> function IEE(){<br /> if(fad_img_val&gt;-10){<br /> intro_pict_img.filters[0].opacity=fad_img_val;<br /> fad_img_val=fad_img_val-1;<br /> setTimeout("IEE()",3);<br /> }else{<br /> image_cont++;<br /> if(image_cont&lt;list_image.length){<br /> intro_pict_img.src=list_image[image_cont];}else{image_cont=-1;}<br /> IE();}<br /> <br /> }<br /> <br /> //--&gt;<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEdCXZWDHnukLLsrNPm-E39wPRSyKy_pW4Ku__HX_2GSZxt-YDnWNYGB7vSKd5Kyomhwg9St9k45Z6sd92-f9j6ZI2c1oPw3219YiMVj1IZXXQ3OvPtNWuf8R56PrRtZ6BWDYSTU3t14k/s1600/love.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEdCXZWDHnukLLsrNPm-E39wPRSyKy_pW4Ku__HX_2GSZxt-YDnWNYGB7vSKd5Kyomhwg9St9k45Z6sd92-f9j6ZI2c1oPw3219YiMVj1IZXXQ3OvPtNWuf8R56PrRtZ6BWDYSTU3t14k/s320/love.bmp" width="320" /></a></div><br /> <br /> &lt;!--<br /> // This script by mekailbiswas<br /> top_p=new Array('10','10','10','10','10','30','50','70','90','110','130','130',<br /> '130','130','130','130','38','22','22','12','12','8','8','12','13','28','28','46',<br /> '46','64','64','81','81','97','97','110','110','125','125','135','135','10','10','10',<br /> '10','10','10','30','50','70','90','110','125','130','30','50','70','90','110','125',<br /> '130','160','160','160','160','160','160','160','160','160','160','160','160','160',<br /> '160','160','160','160','160','160','160','160','160');<br /> left_p=new Array('10','30','50','70','90','50','50','50','50','50','50','10','30',<br /> '50','70','90','200','190','210','226','174','244','156','263','137','127','272',<br /> '125','273','130','270','138','262','148','252','162','238','174','226','190','210',<br /> '310','330','350','390','410','430','330','330','330','330','330','340','360','410',<br /> '410','410','410','410','400','380','10','30','50','70','90','110','130','150','170',<br /> '190','210','230','250','270','290','310','330','350','370','390','410','430');<br /> <br /> vbv=0<br /> <br /> start_left=200<br /> start_top=38<br /> target_left=400;<br /> target_top=500;<br /> move_step=5;<br /> rot_left=new Array()<br /> rot_top=new Array()<br /> rot_left_stop=0<br /> rot_top_stop=0<br /> rot_left_count=0<br /> rot_top_count=0<br /> <br /> document.write('&lt;div id="love_outer" style="position:absolute;top:100;left:100;<br /> &nbsp;width:463; height:189;filter:alpha(opacity=100)"&gt;');<br /> for(k=0;k&lt;left_p.length;k++){<br /> document.write('&lt;img id="love_img" src='+mmk+' style="position:absolute;height:20;<br /> width:20;top:-120px;left:-120"/&gt;');<br /> }<br /> document.write('&lt;/div&gt;');<br /> <br /> <br /> function creat_road(){<br /> left_temp=start_left;<br /> top_temp=start_top;<br /> <br /> left_disten=(target_left-start_left)<br /> if(left_disten&lt;0){left_disten=left_disten/-1}<br /> top_disten=(target_top-start_top)<br /> if(top_disten&lt;0){top_disten=top_disten/-1}<br /> <br /> <br /> <br /> for(i=0;i&lt;left_disten/move_step;i++){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>if(start_left&lt;target_left){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>left_temp=left_temp+move_step;}<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>else{<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>left_temp=left_temp-move_step;<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>}<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>rot_left[i]=left_temp<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>rot_left_stop=i;<br /> }<br /> <br /> for(i=0;i&lt;top_disten/move_step;i++){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>if(start_top&lt;target_top){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>top_temp=top_temp+move_step;}<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>else{<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>top_temp=top_temp-move_step;<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>}<span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>rot_top[i]=top_temp;<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>rot_top_stop=i;<br /> }<br /> if(start_left+move_step==target_left){rot_left[0]=target_left;rot_left_stop=1;}<br /> if(start_top+move_step==target_top){rot_top[0]=target_top;rot_top_stop=1;}<br /> move_onrod();<br /> }<br /> <br /> function creat_o(){<br /> if(vbv&lt;top_p.length){<br /> target_left=left_p[vbv]<br /> target_top=top_p[vbv]<br /> creat_road();<br /> }else{setTimeout('IE()', 2000);fad_img();setTimeout('aa()', 500)}<br /> }<br /> <br /> function move_onrod(){<br /> if(rot_left_count&lt;rot_left_stop){love_img[vbv].style.left=rot_left[rot_left_count];rot_left_count++;}<br /> if(rot_top_count&lt;rot_top_stop){love_img[vbv].style.top=rot_top[rot_top_count];rot_top_count++;}<br /> if(rot_left_count&lt;rot_left_stop || rot_top_count&lt;rot_top_stop){<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>setTimeout("move_onrod()",10);}<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>else{<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>love_img[vbv].style.left=target_left;<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>love_img[vbv].style.top=target_top;<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>rot_left_count=0;rot_top_count=0;vbv++<br /> <span class="Apple-tab-span" style="white-space: pre;"> </span>setTimeout("creat_o()",30);}<br /> <br /> }<br /> var fad_img_val2=100<br /> function fad_img(){<br /> if(fad_img_val2&gt;-10){<br /> document.getElementById("intro_pict_img_cc2").filters[0].opacity=fad_img_val2;<br /> <br /> fad_img_val2=fad_img_val2-1<br /> setTimeout("fad_img()",105);<br /> }<br /> }<br /> &lt;/script&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> <br /> <br /> <a href="http://lovehosejavascript.blogspot.com/" name="ll">Click To Viev Demo</a>Anonymoushttp://www.blogger.com/profile/14321225432587364091noreply@blogger.com0tag:blogger.com,1999:blog-2183557544247122268.post-13719521026378984932010-12-02T11:56:00.000-08:002010-12-03T09:00:30.451-08:00Lighting Animation By Java Script<div style="text-align: center;"><b><u><span class="Apple-style-span" style="color: #666666;">Lighting Animation By Java Script</span></u></b></div><br /> <br /> &lt;script language="Javascript"&gt;<br /> &lt;!--<br /> // This script by mekailbiswas<br /> text="_"//simply write your massage<br /> colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff')<br /> am=200<br /> var as=0<br /> step = 0.03;<br /> currStep = 0;<br /> logoWidth = 160;<br /> logoHeight = -160;<br /> TrigSplit =200/ am;<br /> var ll=0;<br /> var ll2=1;<br /> <br /> document.write('&lt;div style="position:absolute;top:10;left:400"&gt;ds&lt;/div&gt;');<br /> var ss=window.document.body.clientWidth/2-50;<br /> <br /> document.write('&lt;div id="si" style="position:absolute;top:10;left:'+ss+'"&gt;');<br /> for(i=0;i&lt;am;i++)<br /> {<br /> document.write('&lt;div id="t" style="position:absolute;top:0px;left:0px;font-size:13"&gt;+&lt;/div&gt;');<br /> }<br /> document.write('&lt;/div&gt;');<br /> var axa=0<br /> function aa(){<br /> var siz=Math.round(Math.random()*30);<br /> var C=Math.round(Math.random()*30);<br /> if(ll&lt;200){<br /> ll++;<br /> axa=ll<br /> }<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGFoOZrNrIvrtjvvwQl2EuWwH8msL8MfxzJPMFm_1rmh2fswITEUxjF2oHcpGIds-xQAdUhY84Fc0EVdV9qVWpZ-4vQhbmHBHYLrXe34Ig50fhyphenhyphenuAutq8Y5nVIK_rF8idQfAE4ySyjZPk/s1600/light.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGFoOZrNrIvrtjvvwQl2EuWwH8msL8MfxzJPMFm_1rmh2fswITEUxjF2oHcpGIds-xQAdUhY84Fc0EVdV9qVWpZ-4vQhbmHBHYLrXe34Ig50fhyphenhyphenuAutq8Y5nVIK_rF8idQfAE4ySyjZPk/s320/light.JPG" width="320" /></a></div><br /> else<br /> {<br /> axa=axa-1<br /> if(axa&lt;1){<br /> ll=0<br /> ll2++}}<br /> var bbg=ll2*5<br /> if(bbg&gt;360){ll2=0}<br /> for (i = 0; i &lt; am; i++) {<br /> var siii=Math.round(Math.random()*10);<br /> var Col=colours[Math.round(Math.random()*colours.length)];<br /> if(am&gt;200){axa=0}<br /> t[i].style.color=Col<br /> t[i].style.top =axa*Math.sin(currStep + i * TrigSplit* Math.PI / bbg);<br /> t[i].style.left =axa*Math.tan(currStep + i * TrigSplit* Math.PI /120)<br /> t[i].style.fontSize=siii*3<br /> }<br /> currStep -= step;<br /> <br /> if (as==am-1){<br /> as=0;<br /> }<br /> else<br /> {<br /> as++<br /> }<br /> setTimeout('aa()',12);<br /> }<br /> aa();<br /> <br /> //--&gt;<br /> &lt;/script&gt;<br /> &lt;body bgcolor="#000000"&gt;<br /> <br /> <a href="http://mekailbiswas.0fees.net/demo/Light(MAX).html" name="ll">Click To Viev Demo</a>Anonymoushttp://www.blogger.com/profile/14321225432587364091noreply@blogger.com0tag:blogger.com,1999:blog-2183557544247122268.post-21783486374808437222010-12-01T22:44:00.000-08:002010-12-02T11:58:34.917-08:00Email Validetion By Javascript<div style="text-align: center;"><strong><span style="font-size: large;"><u>Email Validetion By Javascript</u></span></strong></div><div style="text-align: center;"><br /> </div><br /> &lt;html&gt;<br /> &lt;Script language="javascript"&gt;<br /> function chack(){<br /> text=T1.value;<br /> var step=0<br /> if(text.length==0){alert("Enter Email Id");}else{<br /> for(i=0;i&lt;text.length;i++){<br /> if(step==0){<br /> if(text.substring(i,i+1)=="@"){step=1;}}<br /> else if(step==1){if(text.substring(i,i+1)=="."){step=2;}}<br /> }<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi70MOFmxh2tuD7smYDuO7cgPV5kNkPIpT41q9kS4jEJaSUEeeLbOxtkH3wfLURAFkzfbFjcpzmMnP2IYSmdGjmYmaqNNr40_-gndQwDFzruMaM860rcv9I5qXq0SV0ggyer3416vnacw0/s1600/email.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi70MOFmxh2tuD7smYDuO7cgPV5kNkPIpT41q9kS4jEJaSUEeeLbOxtkH3wfLURAFkzfbFjcpzmMnP2IYSmdGjmYmaqNNr40_-gndQwDFzruMaM860rcv9I5qXq0SV0ggyer3416vnacw0/s1600/email.JPG" /></a></div><br /> if(step==2){}else{alert("Invalid E-mail Id")}<br /> }<br /> }<br /> &lt;/script&gt;<br /> &lt;font size="5"&gt;Enter E-Mail Id-&lt;/font&gt;&lt;input type="text" id="T1" size="25"&gt;<br /> &lt;input onclick=chack(); type="submit" value="Submit" name="B1"&gt;&lt;/p&gt;<br /> <br /> &lt;/html&gt;<br /> <br /> <a href="http://mekailbiswas.0fees.net/demo/E-mail.htm" name="ll">Click To Viev Demo</a>Anonymoushttp://www.blogger.com/profile/14321225432587364091noreply@blogger.com0tag:blogger.com,1999:blog-2183557544247122268.post-51447274370906957472010-12-01T20:50:00.001-08:002010-12-02T12:00:02.500-08:00Matrix Animation By Java Script<div style="text-align: center;"><span style="font-size: large;"><u>&nbsp; This script create animation like <strong><span style="color: black;">Matrix&nbsp; </span></strong></u></span></div><div style="text-align: center;"><br /> </div><div style="text-align: left;"><u><span style="font-size: large;"></span></u>&lt;script language="Javascript"&gt;<br /> &lt;!--<br /> // This script by mekailbiswas<br /> text="1234567890123456780"//simply write your massage<br /> colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff')<br /> co=new Array('#33CC33','#00FF00')<br /> amaunt=text.length<br /> f_size=10<br /> NS6=(document.getElementById&amp;&amp;!document.all);<br /> L=null;<br /> var j=1</div><div style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOAK3rjNF77_D_gbEbj1rMkElDdLWA74V3-f0cDLopfaF0C8Z5rMD8i4RecGn80-2WHfLUT5k1kh1mPIDbrBKLsLqegvKyt3bo8Y9BNgA7sB6XmdgFlYZI8B_HyrhGrY2iK_HX0wfCKQA/s1600/Matrix.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOAK3rjNF77_D_gbEbj1rMkElDdLWA74V3-f0cDLopfaF0C8Z5rMD8i4RecGn80-2WHfLUT5k1kh1mPIDbrBKLsLqegvKyt3bo8Y9BNgA7sB6XmdgFlYZI8B_HyrhGrY2iK_HX0wfCKQA/s1600/Matrix.JPG" /></a></div><br /> for(i=0;i&lt;amaunt;i++){<br /> document.write('&lt;div id=sa style="position:absolute;top:10;left:'+i*f_size+'"&gt;');</div><div style="text-align: left;">for(j=0;j&lt;amaunt;j++){document.write('&lt;div id="tex'+i+j+'" style="position:absolute;top:'+j*f_size+';font-size:'+f_size+';color:#33CC33"&gt;'+text.substring(j,j+1)+'&lt;/div&gt;');}</div><div style="text-align: left;">document.write('&lt;/div&gt;');<br /> }</div><div style="text-align: left;"><br /> function matrix(){</div><div style="text-align: left;">for(k=0;k&lt;amaunt;k++){<br /> var s=co[Math.floor(Math.random()*co.length)];<br /> if(j&lt;amaunt){<br /> L=document.getElementById("tex"+k+j)<br /> var f=Math.round(Math.random()*amaunt);<br /> L.innerText=text.substring(f,f+1)<br /> L.style.color=s<br /> }<br /> }</div><div style="text-align: left;">j++;<br /> if(j&gt;amaunt){j=0}<br /> setTimeout("matrix()",5);<br /> }<br /> matrix();</div><div style="text-align: left;">&lt;/script&gt;<br /> &lt;body bgcolor="#000000"&gt;</div><div style="text-align: left;"><br /> </div><div style="text-align: left;"><a href="http://mekailbiswas.0fees.net/demo/Matrix.htm" name="ll">Click to view Demo</a></div>Anonymoushttp://www.blogger.com/profile/14321225432587364091noreply@blogger.com0