Uncle Jim's Web Designs
Layered DIV Button
Author:
Jim Stiles
This is the DIV
INSTALLATION INSTRUCTIONS
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<style type="text/css"><!-- #d1 {position: absolute; top: 200; left: 300; border: 1pt solid black; visibility: hidden} //--></style> <script type="text/javascript"><!-- /* ______________________________________________________ /ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ\ | Another JavaScript from Uncle Jim | | Feel free to copy, use and change this script as | | long as this part remains unchanged. | | Visit my website at http://www.jdstiles.com | | for more scripts like this one | | Created: 1996 | | Last Updated: December, 2005 | \______________________________________________________/ ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ */ function moveIt(id) { it = document.getElementById(id); it.style.top = window.event.y; it.style.left = window.event.x; it.style.visibility = "visible"; } //--></script>
COPY
-
Insert Inside Body: <BODY></BODY>
<div id="d1"><br>This is the DIV<br></div> <input type="button" onclick="moveIt('d1')" value="Clicking this button will show the Div right where you clicked it.">
Close This Window