»
EnglishFrenchVietnamese

Print - Neon Menu script - JavaScriptBank.com

Full version: jsB@nk » Menu » Neon Menu script
URL: https://www.javascriptbank.com/neon-menu-script.html

Neon Menu script © JavaScriptBank.comThis JavaScript will make the neon message to describe for JavaScript menu when visitors move mouse over it. Work IE5+ only.

Full version: jsB@nk » Menu » Neon Menu script
URL: https://www.javascriptbank.com/neon-menu-script.html



CSS
<STYLE type=text/css>INPUT {BACKGROUND-COLOR: black; BORDER-BOTTOM: red 2px inset; BORDER-LEFT: red 2px inset; BORDER-RIGHT: red 2px inset; BORDER-TOP: red 2px inset; COLOR: red; FONT-SIZE: 17px; FONT-WEIGHT: bold; POSITION: relative; WIDTH: 300px}BODY {BACKGROUND-COLOR: black; TEXT-ALIGN: center}TT {COLOR: lightyellow}A {COLOR: red; FONT-WEIGHT: bold; HEIGHT: 25px; TEXT-DECORATION: none; WIDTH: 100px}A:hover {BACKGROUND-COLOR: lightyellow; COLOR: black; FONT-WEIGHT: bold; HEIGHT: 25px; WIDTH: 100px}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript type=text/javascript><!--function show(){ document.getElementById('tid0').value="Dynamically Creating Spans in an array with single letters . . .";}function show2(){ document.getElementById('tid0').value="Done similar to the above with different effect";}function show3(){ document.getElementById('tid0').value="Modifying positions of HTML Elements";}function show4(){ document.getElementById('tid0').value="Interesting Effect";}function show5(){ document.getElementById('tid0').value="Internet Explorer Filter. . .";}function show6(){ document.getElementById('tid0').value="Back and Forth. . .";}function show7(){ document.getElementById('tid0').value="Search a 1 0f 3 Search Engines";}function show8(){ document.getElementById('tid0').value="Modify Text Style On a Key Press";}function noshow(){ document.getElementById('tid0').value="";}window.document.onmousemove=mov;function mov(){ document.getElementById('tid0').style.pixelLeft=event.clientX-300; document.getElementById('tid0').style.pixelTop=event.clientY-315;}//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<FORM><INPUT id=bid0 onclick="location.href='Dynamic_Substring.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show()" type=button value="Dynamic Substring"><BR><INPUT id=bid1 onclick="location.href='substrings.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show2()" type=button value="Roller Coaster Text"><BR><INPUT id=bid2 onclick="location.href='test.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show3()" type=button value=intro><BR><INPUT id=bid3 onclick="location.href='testing.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show4()" type=button value=intro2><BR><INPUT id=bid4 onclick="location.href='wave.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show5()" type=button value=Wave><BR><INPUT id=bid5 onclick="location.href='wave_text.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show6()" type=button value="Another Effect"><BR><INPUT id=bid6 onclick="location.href='Search_A_Search_Engine.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show7()" type=button value="Search a Search Engine"><BR><INPUT id=bid6 onclick="location.href='resize_text.htm'" onmouseout="this.style.backgroundColor='black';noshow()" onmouseover="this.style.backgroundColor='lightyellow';show8()" type=button value="User Controls"><BR>  <INPUT id=tid0 style="BACKGROUND-COLOR: transparent; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: lightyellow; FILTER: glow(); TEXT-ALIGN: center; WIDTH: 100%" size="20"> </FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->