Saturday, December 19, 2009

Navigation Bar


<html>


<head>


<style>


body{font-family:arial;}


table{background:black;position:absolute;}


a{color:black;text-decoration:none;font:bold}


a:hover{color:#606060}


td.menu{background:lightgreen}


table.topnav{font-size:80%;top:0;left:0}


table.menu{font-size:100%;bottom:0;z-index:-1}


</style>


<script type="text/javascript">


var i=0


var c=0


var intHide


function show_hide_menu()


{


if (c==0)


{


clearInterval(intHide)


intShow=setInterval("show()",10)


c=1


}


else


{


clearInterval(intShow)


intHide=setInterval("hide()",10)


c=0


}


}


function show()


{


if (i>-100)


{


i=i-1


document.all("menu").style.bottom=i


}


}


function hide()


{


if (i<0)


{


i=i+1


document.all("menu").style.bottom=i


}


}


</script>



</head>


<body>



<table class="topnav" width="150">


<tr>


<td bgcolor="#FF0000" onclick="show_hide_menu()">


<b>MENU</b><br />


<table class="menu" id="menu" width="100%">


<tr><td class="menu"><a href="/html/default.asp">HTML</a></td></tr>


<tr><td class="menu"><a href="/xhtml/default.asp">XHTML</a></td></tr>


<tr><td class="menu"><a href="/css/default.asp">CSS</a></td></tr>


<tr><td class="menu"><a href="/xml/default.asp">XML</a></td></tr>


<tr><td class="menu"><a href="/xsl/default.asp">XSL</a></td></tr>


</table>


</td>


</tr>


</table>


<p>Click on the MENU to see the menu options.</p>



</body>


</html>

Mouse Trail

<html>


<head>


<script type="text/javascript">


var i=0


txt=new Array("trailA","trailB","trailC")



function cursor(interval)


{


pos=i*8+5


if (interval=='first')


{


i=0


}


if (i==0)


{


xpos=event.clientX


ypos=event.clientY


document.all(txt[i]).style.visibility="visible"


document.all(txt[i]).style.position="absolute"


document.all(txt[i]).style.left=xpos+5


document.all(txt[i]).style.top=ypos+5


}


else


{


document.all(txt[i]).style.visibility="visible"


document.all(txt[i]).style.position="absolute"


document.all(txt[i]).style.left=xpos+pos


document.all(txt[i]).style.top=ypos+pos


}


if (i==txt.length)


{


i=i


}


else


{


i++


}


setTimeout("cursor('next')",10)


}


</script>



</head>


<body onmousemove="cursor('first')">



<h1>Move the cursor over this page</h1>



<span id="trailA" style="visibility:hidden">W</span>


<span id="trailB" style="visibility:hidden">3</span>


<span id="trailC" style="visibility:hidden">S</span>


</body>


</html>


Menu


<html>


<head>


<style>


body{font-family:arial;}


a{color:black;text-decoration:none;font:bold}


a:hover{color:#606060}


td.menu{background:lightblue}


table.nav


{


background:black;


position:relative;


font: bold 80% arial;


top:0px;


left:-135px;


margin-left:3px;


}


</style>


<script type="text/javascript">


var i=-135


var c=0


var intHide


var speed=3


function show_hide_menu()


{


if (c==0)


{


c=1


clearInterval(intHide)


intShow=setInterval("show()",10)


}


else


{


c=0


clearInterval(intShow)


intHide=setInterval("hide()",10)


}


}


function show()


{


if (i<-12)


{


i=i+speed


document.getElementById('myMenu').style.left=i


}


}


function hide()


{


if (i>-135)


{


i=i-speed


document.getElementById('myMenu').style.left=i


}


}


</script>


</head>


<body>


<table id="myMenu" class="nav" width="150"
onclick="show_hide_menu()">


<tr><td class="menu"><a href="/default.asp">HOME</a></td>


<td rowspan="5" align="center"
bgcolor="#FF8080">M<br>E<br>N<br>U</td></tr>


<tr><td class="menu"><a
href="/asp/default.asp">ASP</a></td></tr>


<tr><td class="menu"><a
href="/js/default.asp">JavaScript</a></td></tr>


<tr><td class="menu"><a
href="default.asp">DHTML</a></td></tr>


<tr><td class="menu"><a
href="/vbscript/default.asp">VBScript</a></td></tr>


</table>


<p>Click on the MENU to show/hide the menu</p>


<p>Try changing the "speed" variable in the script, to
change the menus's sliding speed</p>


</body>


</html>




Drop Down Link


<html>


<head>


<script type="text/javascript">


function go()


{


location=document.forms[0].gowhere.value


}


</script>


</head>


<body>


<form>


<select id="gowhere" onchange="go()">


<option>-Select location-


<option value="/asp/default.asp">ASP Coding


<option value="/flash/default.asp">Flash Tutorial


<option value="/js/default.asp">JavaScripts


</select>


</form>


</body>


</html>




Create website in low budget

Hi friends, in todays worl every one should have a website but it is not a easy task to do so as it requires lot of finance and knowlwdge. Now to overcome this problem we are here to serve you. So don't be hesitant if you really want to have a website and want it quickly than mail me at nicehsp@gmail.com or give me a call @ 9781010795